.unit-tools-page{max-width:1120px;min-height:100dvh;color:var(--foreground);margin:0 auto;padding:32px 32px 72px;font-size:1rem}.unit-tools-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.unit-tools-brand{align-items:center;display:flex}.unit-tools-back,.unit-notes a{color:var(--foreground);text-underline-offset:4px;text-decoration:underline}.unit-tools-heading{align-items:center;gap:18px;margin-bottom:28px;display:flex}.unit-tools-heading>svg{width:48px;height:48px;color:var(--foreground);background:color-mix(in srgb, #ffad61 16%, var(--surface));border-radius:14px;flex-shrink:0;padding:10px}.unit-tools-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,4vw,2.25rem)}.unit-tools-heading p,.unit-hint,.unit-notes{color:var(--muted);line-height:1.65}.unit-tools-heading p{margin:7px 0 0}.unit-workspace{border:1px solid var(--border-strong);background:var(--surface);border-radius:20px;overflow:visible}.unit-categories{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.unit-tools-page button{font:inherit;cursor:pointer}.unit-categories button{min-height:44px;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:10px;flex:100px;padding:10px 16px}.unit-categories button[aria-pressed=true]{background:color-mix(in srgb, #ffad61 14%, var(--surface));border-color:color-mix(in srgb, #ffad61 65%, var(--border));font-weight:700}.unit-tools-page :is(button,input,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.unit-input-area{padding:24px}.unit-field{flex-direction:column;gap:10px;min-width:0;display:flex}.unit-field>span{font-size:.875rem;font-weight:600}.unit-field input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--background);width:100%;min-height:58px;color:var(--foreground);font:inherit;border-radius:10px;padding:12px 16px;font-size:1.375rem}.unit-field input[aria-invalid=true]{border-color:var(--accent)}.unit-hint,.unit-error{overflow-wrap:anywhere;margin:10px 0 0;font-size:.875rem;line-height:1.65}.unit-error{color:var(--foreground);font-weight:600}.unit-selectors{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:16px;margin-top:24px;display:grid}.unit-selectors .brand-select{width:100%;min-width:0}.unit-selectors .brand-select-trigger{width:100%;min-height:48px;font-size:1rem}.unit-swap{border:1px solid var(--border-strong);background:var(--surface-soft);width:48px;height:48px;color:var(--foreground);border-radius:12px;place-items:center;display:grid}.unit-swap svg{width:24px;height:24px}.unit-result{background:color-mix(in srgb, #ffad61 6%, var(--surface));border-top:1px solid var(--border);border-radius:0 0 20px 20px;padding:24px}.unit-result-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;display:flex}.unit-result-label button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--foreground);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.unit-tools-page button:disabled{opacity:.5;cursor:not-allowed}.unit-result-value{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:18px;display:flex}.unit-result-value strong{letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.5rem,5vw,2.75rem);line-height:1.2}.unit-result-value>span{font-size:1.125rem}.unit-copy-status{min-height:1.65em}.unit-equivalents{margin-top:32px}.unit-equivalents h2{font-size:1.125rem}.unit-equivalents dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;display:grid}.unit-equivalents dl>div{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:16px 0;display:flex}.unit-equivalents dt{color:var(--muted);font-size:.875rem}.unit-equivalents dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.unit-equivalents dd span{color:var(--muted);font-size:.875rem}.unit-notes{margin-top:28px;font-size:.875rem}.unit-notes>a{align-items:center;min-height:44px;display:inline-flex}.unit-tools-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:36px;padding-top:20px;font-size:.875rem}@media (width<=640px){.unit-tools-page{padding:24px 16px 100px}.unit-tools-header{margin-bottom:28px}.unit-input-area,.unit-result{padding:20px 16px}.unit-selectors{grid-template-columns:minmax(0,1fr);gap:12px}.unit-swap{justify-self:center}.unit-swap svg{transform:rotate(90deg)}.unit-equivalents dl{grid-template-columns:minmax(0,1fr)}}