.tool-shell{align-items:start;gap:1.1rem;display:grid}@media (width>=820px){.tool-shell{grid-template-columns:1fr .82fr;gap:1.4rem}}.tool-form{gap:1.1rem;display:grid}.tool-group{border:1px solid var(--color-line,#e1e7ee);background:#fff;border-radius:.85rem;gap:1.05rem;min-inline-size:0;margin:0;padding:1.25rem 1.35rem 1.35rem;display:grid}.tool-group>legend{float:left;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .65rem;width:100%;margin-bottom:.15rem;padding:0;display:grid}.tool-group>legend .n{background:var(--color-ink,#1a2b3c);color:#fff;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;font-size:.78rem;font-weight:700;display:grid}.tool-group>legend .t{color:var(--color-ink,#1a2b3c);font-size:1.02rem;font-weight:750;line-height:1.25}.tool-group>legend .why{color:var(--color-subtle,#6f7f8e);grid-column:2;font-size:.8rem;line-height:1.5}.tool-grid{clear:both;gap:1rem;display:grid}.tool-field{gap:.35rem;min-inline-size:0;display:grid}.tool-field label{color:var(--color-ink,#1a2b3c);align-items:baseline;gap:.5rem;min-height:1.25rem;font-size:.84rem;font-weight:650;display:flex}.tool-field .eg{letter-spacing:.01em;text-transform:lowercase;color:oklch(48% .12 55);white-space:nowrap;background:oklch(63% .165 55/.1);border:1px solid oklch(63% .165 55/.25);border-radius:999px;flex:none;margin-left:auto;padding:.1rem .5rem;font-size:.66rem;font-weight:650}.tool-field .hint{color:var(--color-subtle,#6f7f8e);font-size:.76rem;line-height:1.5}.tool-unit{display:grid;position:relative}.tool-unit input{border:1px solid var(--color-line-2,#d4dce5);font:inherit;width:100%;color:var(--color-ink,#1a2b3c);appearance:textfield;background:#fff;border-radius:.6rem;padding:.68rem 5.4rem .68rem .8rem;font-size:1rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.tool-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-unit input::placeholder{color:oklch(72% .01 262);font-weight:500}.tool-unit input:hover{border-color:oklch(68% .02 262)}.tool-unit input:focus{border-color:oklch(63% .165 55);outline:none;box-shadow:0 0 0 3px oklch(63% .165 55/.16)}.tool-unit .u{color:var(--color-subtle,#6f7f8e);pointer-events:none;border:1px solid var(--color-line,#e1e7ee);background:oklch(96.5% .006 85);border-radius:.4rem;padding:.22rem .5rem;font-size:.7rem;font-weight:700;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.tool-aside{gap:.85rem;min-inline-size:0;display:grid}@media (width>=820px){.tool-aside{position:sticky;top:84px}}.tool-results{border:1px solid var(--color-line,#e1e7ee);background:#fff;border-radius:.9rem;overflow:hidden;box-shadow:0 12px 32px oklch(25% .02 255/.07)}.tool-results .head{color:#fff;letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(135deg,oklch(30% .045 255),oklch(24% .04 255));padding:.75rem 1.1rem;font-size:.76rem;font-weight:700}.tool-result{gap:.18rem;padding:1rem 1.1rem;display:grid}.tool-result+.tool-result{border-top:1px solid var(--color-line,#e1e7ee)}.tool-result .k{letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtle,#6f7f8e);font-size:.7rem;font-weight:700}.tool-result .v{color:var(--color-ink,#1a2b3c);overflow-wrap:anywhere;font-size:1.6rem;font-weight:750;line-height:1.15}.tool-result .v.pos{color:#1e8e5a}.tool-result .v.warn{color:#b45309;font-size:1rem;font-weight:650}.tool-result .v.empty{color:oklch(66% .012 262);font-size:.92rem;font-weight:550}.tool-result .s{color:var(--color-muted,#5b6b7b);font-size:.75rem;line-height:1.45}.tool-result.hero{background:oklch(97.4% .01 85)}.tool-result.hero .v{font-size:1.85rem}.tool-explain{color:var(--color-muted,#5b6b7b);background:oklch(63% .165 55/.06);border:1px solid oklch(63% .165 55/.3);border-radius:.8rem;padding:.9rem 1.05rem;font-size:.85rem;line-height:1.6}.tool-explain .lbl{letter-spacing:.07em;text-transform:uppercase;color:oklch(48% .12 55);margin-bottom:.3rem;font-size:.66rem;font-weight:700;display:block}.tool-explain strong{color:var(--color-ink,#1a2b3c);font-weight:650}.tool-note{color:var(--color-subtle,#6f7f8e);padding:0 .2rem;font-size:.78rem;line-height:1.55}