.units-tool{padding-bottom:24px}.units-tool .intro>p{max-width:680px;line-height:1.7}.units-tool :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.units-tool :is(input[type=text],select,textarea){border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--surface-soft);border-radius:8px;padding:10px 12px;font-size:16px}.units-tool :is(input[type=text],textarea){font-family:var(--font-mono), monospace}.units-tool label{font-size:14px;font-weight:600;line-height:1.6;display:block}.units-tool label :is(input[type=text],select){margin-top:8px}.units-tool h2{font-size:18px;font-weight:600}.units-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.units-tool button{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;line-height:1.5;display:inline-flex}.units-tool button svg{flex-shrink:0}.units-tool button:hover:not(:disabled){border-color:var(--tool-accent);background:var(--surface-soft)}.units-tool button:disabled{opacity:.5;cursor:not-allowed}.units-tool button.units-primary{background:var(--tool-accent);color:var(--on-tool);border-color:#0000}.units-tool button.units-primary:hover:not(:disabled){background:var(--tool-accent-hover)}.units-hint,.units-notice{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.7}.units-notice{min-height:24px}.units-error{border:1px solid var(--error-line);background:var(--error-soft);color:var(--error-text);border-radius:8px;margin-top:16px;padding:12px;font-size:14px;line-height:1.7}.units-tool [aria-invalid=true]{border-color:var(--error-line)}.units-workbench{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid;overflow:hidden}.units-controls,.units-results{min-width:0;padding:28px}.units-controls{border-right:1px solid var(--line)}.units-results{background:var(--surface-soft)}.units-categories{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.units-categories button[aria-pressed=true]{color:var(--tool-accent);border-color:var(--tool-accent);background:var(--tool-soft);font-weight:700}.units-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px;display:grid}.units-equation{color:var(--text-muted);overflow-wrap:anywhere;margin-top:32px;font-size:18px}.units-number{color:var(--tool-accent);font-family:var(--font-mono), monospace;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:clamp(28px,4vw,44px);line-height:1.5}.units-number span{font-size:20px;display:block}.units-primary{width:100%;margin-top:28px}@media (max-width:760px){.units-workbench{grid-template-columns:1fr}.units-controls{border-right:0;border-bottom:1px solid var(--line)}.units-controls,.units-results{padding:24px}}@media (max-width:420px){.units-pair{grid-template-columns:1fr}.units-controls,.units-results{padding:20px}}