.tool-head{padding-block:var(--sp-8) var(--sp-6);max-width:var(--w-wide);gap:var(--sp-4);display:grid}.tool-head h1{font-size:var(--fs-2xl)}.tool-head .eyebrow a{color:inherit;text-decoration:none}.tool-body{max-width:var(--w-wide)}.tool-explain{max-width:var(--w-prose);padding-block:var(--sp-8) 0}.tool-explain .prose>h2:first-child{border-top:0;margin-top:0;padding-top:0}.tool-others{max-width:var(--w-wide);padding-block:var(--sp-8) var(--sp-4)}.tool-others__list{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);gap:.4rem;padding:0;list-style:none;display:grid}.tool-others__list a{font-weight:560;text-decoration:none}.tool-others__list a:hover{text-decoration:underline}.tool{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=60em){.tool{gap:var(--sp-6);grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)}}.tool__controls{gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);display:grid;position:sticky;top:5.2rem}@media (width<=60em){.tool__controls{position:static}}.tool__results{gap:var(--sp-5);min-width:0;display:grid}.tool__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.tool__panel-title{font-weight:600;font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.tool__hero{gap:.4rem;display:grid}.tool__big{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);font-weight:500;line-height:1}.tool__big .u{color:var(--text-3);margin-left:.3em;font-size:.42em}.tool__sub{color:var(--text-2);font-size:var(--fs-sm)}.tool__kv{font-size:var(--fs-sm);grid-template-columns:1fr auto;gap:.35rem 1rem;display:grid}.tool__kv dt{color:var(--text-2)}.tool__kv dd{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-align:right;color:var(--text);margin:0}.tool__kv dd.is-total{border-top:1px solid var(--border);padding-top:.35rem;font-weight:600}.tool__kv dt.is-total{color:var(--text);border-top:1px solid var(--border);padding-top:.35rem;font-weight:600}.tool__hint{font-size:var(--fs-xs);color:var(--text-3);line-height:1.45}.tool__toggle{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:.5rem;display:flex}.tool__toggle input{accent-color:var(--accent);width:1rem;height:1rem}.fit{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.fit__row{font-size:var(--fs-xs);grid-template-columns:minmax(7rem,11rem) 1fr auto auto;align-items:center;gap:.6rem;display:grid}.fit__name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fit__bar{background:var(--surface-3);border-radius:4px;height:8px;overflow:hidden}.fit__fill{background:var(--accent);width:0;height:100%;transition:width var(--dur-3) var(--ease-out), background var(--dur-2);border-radius:4px;display:block}.fit__row.is-no .fit__fill{background:var(--danger)}.fit__row.is-tight .fit__fill{background:var(--warn)}.fit__val{text-align:right;min-width:4rem;font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums}.fit__status{justify-content:center;min-width:5rem}