.converter{display:grid;gap:var(--space-5);font-family:var(--font-body);color:var(--text-body)}.converter__controls{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:48rem){.converter__controls{grid-template-columns:2fr 1fr}}.converter__control{display:grid;gap:.5rem}.converter__label{display:block;font-weight:var(--weight-semibold);font-size:var(--size-step--1);color:var(--text-strong)}.converter__segmented{display:inline-flex;gap:0;background:var(--surface-body);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.2rem;width:fit-content}.converter__seg-btn{appearance:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);padding:.45rem .9rem;border-radius:calc(var(--radius-md) - .2rem);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.converter__seg-btn[data-active=true]{background:var(--color-ink);color:var(--text-on-inverted)}.converter__seg-btn:hover:not([data-active=true]){background:var(--surface-muted);color:var(--text-strong)}.converter__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.55rem 2rem .55rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-strong);font:inherit;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .6rem) 50%;background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat}.converter__io{display:grid;gap:.5rem}.converter__textarea{width:100%;min-height:12rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--size-step--1);line-height:var(--leading-snug);resize:vertical;transition:border-color var(--duration-fast) var(--ease-out)}.converter__textarea:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.converter__textarea--output{background:var(--surface-body);color:var(--text-strong)}.converter__actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.5rem}.converter__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-strong);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.converter__btn:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}.converter__btn:disabled{opacity:.5;cursor:not-allowed}.converter__btn--primary{background:var(--color-ink);color:var(--text-on-inverted);border-color:var(--color-ink)}.converter__btn--primary:hover:not(:disabled){background:color-mix(in oklab,var(--color-ink) 85%,var(--text-link));border-color:var(--color-ink)}.converter__btn--ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-muted)}.converter__btn--sm{padding:.35rem .7rem;font-size:var(--size-step--2)}.converter__results{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.converter__results-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.converter__results-header h3{font-family:var(--font-display);font-size:var(--size-step-1);margin:0;color:var(--text-strong)}.converter__status{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:var(--size-step--1);font-weight:var(--weight-semibold)}.converter__status[data-status=ok]{background:var(--color-success-soft);color:var(--color-success)}.converter__status[data-status=error]{background:var(--color-danger-soft);color:var(--color-danger)}.converter__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}@media(min-width:48rem){.converter__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.converter__stats>div{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-body)}.converter__stats dt{color:var(--text-muted);font-size:var(--size-step--2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.converter__stats dd{margin:0;font-family:var(--font-mono);font-size:var(--size-step-2);color:var(--text-strong)}.converter__stats dd[data-tone=error]{color:var(--color-danger)}.converter__stats dd[data-tone=warn]{color:var(--color-warn)}.converter__diagnostics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.converter__diagnostics li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:baseline;padding:.6rem .75rem;border-radius:var(--radius-md);border-inline-start:3px solid;background:var(--surface-body);font-size:var(--size-step--1)}.converter__diagnostics li[data-severity=error]{border-color:var(--color-danger);background:color-mix(in oklab,var(--color-danger-soft) 50%,var(--surface-body))}.converter__diagnostics li[data-severity=warning]{border-color:var(--color-warn);background:color-mix(in oklab,var(--color-warn-soft) 50%,var(--surface-body))}.converter__diagnostics li[data-severity=info]{border-color:var(--color-info);background:color-mix(in oklab,var(--color-info-soft) 50%,var(--surface-body))}.converter__code{font-family:var(--font-mono);font-size:var(--size-step--2);color:var(--text-muted);font-weight:var(--weight-semibold)}.converter__message{color:var(--text-body)}.converter__location{font-family:var(--font-mono);color:var(--text-subtle);font-size:var(--size-step--2)}.converter__output{display:grid;gap:.4rem}.converter__output-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}