.unit-converter__form{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.unit-converter__pair{position:relative;display:grid;gap:var(--space-2, .5rem)}.unit-converter__card{display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 1rem);background:var(--color-bg-muted, #eef3fa)}.unit-converter__card--to{background:var(--color-primary-soft, #eff6ff);border-color:rgba(var(--color-primary-rgb, 37, 99, 235),.25)}.unit-converter__card--from:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235),.14)}.unit-converter__label{display:block;font-size:.8rem;font-weight:var(--font-weight-medium, 500);color:var(--color-text-muted, #475569)}.unit-converter__input{width:100%;min-height:52px;padding:0 var(--space-1, .25rem);border:0;background:transparent;color:var(--color-text, #0f172a);font-family:inherit;font-size:1.75rem!important;font-weight:800;line-height:1.2}.unit-converter__input:focus,.unit-converter__input:focus-visible{outline:none;box-shadow:none!important}.unit-converter__input::placeholder{color:var(--color-text-subtle, #94a3b8)}.unit-converter__card--from:has([aria-invalid=true]){border-color:var(--color-danger, #dc2626)}.unit-converter__select{width:100%;min-height:44px!important;padding:0 var(--space-3, .75rem);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-lg, .75rem)!important;background-color:var(--color-surface, #fff);color:var(--color-text, #0f172a);font-family:inherit;font-weight:var(--font-weight-medium, 500);cursor:pointer}.unit-converter__swap{position:absolute;inset-inline-end:var(--space-4, 1rem);top:50%;z-index:1;width:44px;height:44px;margin-top:-22px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--color-surface, #fff);border-radius:50%;background:var(--color-primary, #2563eb);color:var(--ut-on-accent);font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow-sm)}.unit-converter__swap.is-spinning i{animation:uc-spin .3s ease}@keyframes uc-spin{to{transform:rotate(180deg)}}@media (prefers-reduced-motion: reduce){.unit-converter__swap.is-spinning i{animation:none}}.unit-converter__result-slot{min-height:52px;display:flex;align-items:center}.unit-converter__placeholder{margin:0;color:var(--color-text-subtle, #64748b);font-size:.95rem}.unit-converter__result{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-2, .5rem)}.unit-converter__result[hidden]{display:none}.unit-converter__result-value{min-width:0;font-size:1.75rem;font-weight:800;line-height:1.2;color:var(--color-primary-active, #1e40af);overflow-wrap:anywhere}.unit-converter__result-symbol{color:var(--color-text-muted, #475569);font-size:.95rem;white-space:nowrap}.unit-converter__copy{margin-inline-start:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-1, .25rem);min-height:40px;padding-inline:var(--space-3, .75rem);border:1px solid rgba(var(--color-primary-rgb, 37, 99, 235),.3);border-radius:var(--radius-full, 999px);background:var(--color-surface, #fff);color:var(--color-primary, #2563eb);font-size:.85rem;cursor:pointer}.unit-converter__copy.is-copied{color:var(--color-success-ink, #15803d);border-color:currentColor}.unit-converter__error{margin:0;padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, .5rem);background:var(--ut-danger-tint);color:var(--color-danger-ink, #b91c1c);font-size:.9rem}.unit-converter__formula{margin:0;color:var(--color-text-muted, #475569);font-size:.85rem;text-align:center}.unit-converter__actions{display:flex;gap:var(--space-2, .5rem)}.unit-converter__actions>button{flex:1 1 0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1, .25rem)}.unit-converter__all{border-top:1px solid var(--color-border, #e2e8f0);padding-top:var(--space-3, .75rem)}.unit-converter__all-title{font-size:.9rem;font-weight:var(--font-weight-bold, 700);margin:0 0 var(--space-2, .5rem)}.unit-converter__all-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.unit-converter__all-row{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border:0;border-radius:var(--radius-md, .5rem);background:transparent;color:var(--color-text, #0f172a);font:inherit;text-align:start;cursor:pointer}li:nth-child(odd)>.unit-converter__all-row{background:var(--color-bg-muted, #f1f5f9)}.unit-converter__all-row.is-active{outline:2px solid var(--color-primary)}.unit-converter__all-name{color:var(--color-text-muted, #475569);font-size:.9rem}.unit-converter__all-value{font-weight:700;overflow-wrap:anywhere;text-align:end}.unit-converter__all-value small{color:var(--color-text-subtle, #64748b);font-weight:500}@media (min-width: 768px){.unit-converter__pair{grid-template-columns:1fr 1fr;gap:var(--space-5, 1.25rem)}.unit-converter__swap{inset-inline-end:auto;inset-inline-start:50%;top:50%;margin-inline-start:-22px}.unit-converter__swap i{transform:rotate(90deg)}.unit-converter__all-list{grid-template-columns:1fr 1fr;column-gap:var(--space-4, 1rem)}}