.unit-category-bar{padding:var(--space-4);background:var(--input-surface)}.unit-category-field{display:block}.unit-category-field select{width:100%;height:48px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);border:0;font-size:16px;font-weight:650}.unit-value-field,.unit-select-field{gap:0;min-width:0;display:grid}.unit-select-field select,.unit-value-field input{width:100%;color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);border:0}.unit-value-field input{height:94px;padding:0 var(--space-3);border-radius:var(--radius-control) var(--radius-control) 0 0;font-family:var(--code-font);text-align:center;font-size:clamp(32px,4vw,52px);font-weight:560;line-height:1}.unit-select-field select{height:52px;padding:0 var(--space-3);border-top:1px solid var(--control-line);border-radius:0 0 var(--radius-control) var(--radius-control);font-size:16px;font-weight:650}.unit-workspace{align-items:center;gap:clamp(var(--space-3), 3vw, var(--space-6));padding:var(--space-4);background:var(--input-surface);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.unit-side{min-width:0;display:grid}.unit-result-field{order:-1}.unit-equation{color:var(--muted);font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1}.unit-actions{align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-4) var(--space-4);background:var(--input-surface);display:flex}.unit-swap{border-radius:var(--radius-control);width:32px;height:32px;color:var(--muted);background:var(--control);box-shadow:0 0 0 1px var(--control-line);cursor:pointer;border:0;place-items:center;display:grid}.unit-swap:hover{color:var(--ink);background:var(--recessed)}.unit-formula{text-overflow:ellipsis;min-width:0;color:var(--muted);font-family:var(--code-font);white-space:nowrap;font-size:13px;overflow:hidden}.unit-converter.converter.is-success .converter-commandbar,.unit-converter.converter.has-error .converter-commandbar{background:var(--elevated)}@media (width<=760px){.unit-category-bar{padding:var(--space-3)}.unit-workspace{gap:var(--space-2);padding:var(--space-3);grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.unit-swap{width:44px;height:44px}.unit-category-field select{height:44px}.unit-value-field input{min-width:0;height:82px;padding-inline:var(--space-2);font-size:30px}.unit-select-field select{min-width:0;height:48px;padding-inline:var(--space-2);font-size:14px}.unit-actions{min-height:48px;padding:0 var(--space-3) var(--space-3)}}