.unit-category-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--input-surface)}.unit-category-field,.unit-value-field,.unit-select-field,.unit-result-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:500;display:grid}.unit-category-field{width:min(100%,260px)}.unit-category-field select,.unit-select-field select,.unit-value-field input{width:100%;height:36px;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}.unit-value-field input{font-family:var(--code-font)}.unit-workspace{align-items:end;gap:var(--space-3);padding:var(--space-4);background:var(--input-surface);grid-template-columns:minmax(110px,.75fr) minmax(180px,1fr) 36px minmax(180px,1fr) minmax(150px,.8fr);display:grid}.unit-swap{border-radius:var(--radius-control);width:36px;height:36px;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-result-field{min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--output-surface);box-shadow:inset 0 0 0 1px var(--control-line)}.unit-result-field output{text-overflow:ellipsis;min-width:0;color:var(--ink);font-family:var(--code-font);font-size:18px;font-weight:600;line-height:1.1;overflow:hidden}.unit-result-field small{color:var(--muted);font-family:var(--code-font);font-size:11px}@media (width<=760px){.unit-category-bar{padding:var(--space-3)}.unit-workspace{padding:var(--space-3);grid-template-columns:1fr 44px 1fr;align-items:end}.unit-value-field,.unit-result-field{grid-column:1/-1}.unit-swap{width:44px;height:44px}.unit-category-field select,.unit-select-field select,.unit-value-field input{height:44px}.unit-result-field{min-height:62px}}