.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding:40px 0 90px;max-width:1000px}@media(max-width:900px){.tool-shell{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:26px}.tool-result{grid-row:1;position:static!important}}.tool-hero{padding:52px 0 4px}.tool-hero h1{margin:.4rem 0 .6rem}.tool-hero .lead{max-width:60ch}.tool-fields{display:grid;gap:1.5rem;margin:0;padding:0;border:0}.tool-fields legend{padding:0;font-weight:650;font-size:1.05rem}.field label{display:block;font-weight:600;margin-bottom:.1rem}.field .hint{display:block;font-size:.87rem;color:var(--ink-soft);margin-bottom:.55rem}.field .row{display:flex;align-items:center;gap:14px}.field input[type=range]{flex:1;min-width:0;accent-color:var(--teal)}.field .val{min-width:96px;text-align:right;font-variant-numeric:tabular-nums;font-weight:650;font-size:1.05rem;color:var(--teal-deep)}.field input[type=number]{width:130px;padding:.5rem .65rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.field input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tool-result{position:sticky;top:96px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem 1.7rem}.tool-result h2{font-size:1.05rem;margin:0 0 1rem}.tool-result .headline{font-size:2.3rem;font-weight:750;line-height:1.05;letter-spacing:-.02em;color:var(--teal-deep);font-variant-numeric:tabular-nums;margin:0 0 .2rem;overflow-wrap:break-word}.tool-result .headline-note{font-size:.87rem;color:var(--ink-soft);margin:0 0 1.2rem}.tool-lines{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.55rem}.tool-lines li{display:flex;justify-content:space-between;gap:12px;font-size:.93rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.tool-lines li:last-child{border-bottom:0}.tool-lines .k{color:var(--ink-soft)}.tool-lines .v{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.tool-lines li.total{font-size:1rem;padding-top:.3rem}.tool-lines li.total .v{color:var(--teal-deep)}.tool-lines li.sep{border-top:2px solid var(--line);padding-top:.8rem;margin-top:.2rem}.tool-verdict{font-size:.93rem;line-height:1.5;padding:.9rem 1rem;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);margin-bottom:1.1rem}.tool-verdict.no{border-color:var(--coral)}.tool-note{font-size:.87rem;color:var(--ink-soft);line-height:1.55;margin:2rem 0 0;padding-top:1.2rem;border-top:1px solid var(--line)}.tool-note strong{color:var(--ink)}.tool-noscript{padding:1rem 1.2rem;border:1px solid var(--coral);border-radius:var(--r);background:var(--paper);margin-bottom:1.5rem}.tools-grid{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tools-grid a{display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.4rem 1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .15s ease}.tools-grid a:hover{border-color:var(--teal)}.tools-grid a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tools-grid .t{font-size:1.08rem;font-weight:650;color:var(--ink)}.tools-grid .d{font-size:.92rem;color:var(--ink-soft);line-height:1.5}@media(prefers-reduced-motion:reduce){.tools-grid a{transition:none}}.tool-embed{max-width:1000px;margin:0 0 70px;padding:1.8rem 2rem;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r)}.tool-embed h2{font-size:1.1rem;margin:0 0 .5rem}.tool-embed>p{font-size:.93rem;color:var(--ink-soft);max-width:62ch;margin:0 0 1rem}.tool-embed-code{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.tool-embed-code textarea{flex:1;min-width:240px;resize:vertical;font:12.5px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink)}.tool-embed-code textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tool-embed-preview{font-size:.87rem;margin:.9rem 0 0}.embed-page{max-width:620px;margin:0 auto;padding:20px 18px 26px}.embed-page .tool-shell{grid-template-columns:minmax(0,1fr);padding:0;max-width:none;gap:22px}.embed-page .tool-result{position:static}.embed-page .embed-credit{text-align:center;font-size:.82rem;color:var(--ink-soft);margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}