._5OjJhW_layout{grid-template-columns:1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}._5OjJhW_controls{flex-direction:column;gap:32px;min-width:0;display:flex}._5OjJhW_control{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}._5OjJhW_controlHead{justify-content:space-between;align-items:baseline;gap:16px;display:flex}._5OjJhW_controlHead label,._5OjJhW_legend{color:var(--color-text);padding:0;font-size:.9375rem;font-weight:500}._5OjJhW_legend{margin-bottom:14px}._5OjJhW_controlValue{color:var(--color-heading);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:1.125rem}._5OjJhW_slider{--progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}._5OjJhW_slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-brand) var(--progress), var(--track) var(--progress));height:6px}._5OjJhW_slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--track);height:6px}._5OjJhW_slider::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-brand);height:6px}._5OjJhW_slider::-webkit-slider-thumb{border:3px solid var(--color-bg-deep);background:var(--color-accent);width:24px;height:24px;box-shadow:0 0 0 1px var(--color-brand), 0 0 24px rgb(var(--rgb-emerald) / .7);appearance:none;transition:transform var(--duration) var(--ease-out);border-radius:50%;margin-top:-9px}._5OjJhW_slider::-moz-range-thumb{border:3px solid var(--color-bg-deep);background:var(--color-accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--color-brand), 0 0 24px rgb(var(--rgb-emerald) / .7);border-radius:50%}._5OjJhW_slider:active::-webkit-slider-thumb{transform:scale(1.15)}._5OjJhW_sliderScale{color:var(--color-muted);font-family:var(--font-mono), monospace;justify-content:space-between;font-size:.75rem;display:flex}._5OjJhW_sizes{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px;display:grid}._5OjJhW_size{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);flex-direction:column;gap:4px;padding:14px 16px;display:flex}._5OjJhW_size:hover{border-color:var(--border-strong)}._5OjJhW_size:has(:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}._5OjJhW_sizeActive,._5OjJhW_sizeActive:hover{border-color:var(--color-brand);background:rgb(var(--rgb-emerald) / .1)}._5OjJhW_sizeLabel{color:var(--color-heading);font-family:var(--font-heading), sans-serif;word-spacing:var(--heading-word-spacing);font-weight:700}._5OjJhW_sizeCredits{color:var(--color-accent);font-family:var(--font-mono), monospace;font-size:.75rem}._5OjJhW_sizeExample{color:var(--color-muted);margin-top:4px;font-size:.8125rem;line-height:1.45}._5OjJhW_result{background:radial-gradient(90% 70% at 100% 0%, rgb(var(--rgb-indigo) / .18), transparent 65%), var(--surface-raised);flex-direction:column;gap:18px;padding:clamp(22px,3vw,32px);display:flex}._5OjJhW_resultLabel,._5OjJhW_recommendationLabel{color:var(--color-muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}._5OjJhW_resultValue{align-items:baseline;gap:10px;display:flex}._5OjJhW_resultNumber{color:var(--color-accent);font-family:var(--font-heading), sans-serif;word-spacing:var(--heading-word-spacing);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(3.5rem,9vw,5.5rem);font-weight:800;line-height:.9}._5OjJhW_resultUnit{color:var(--color-accent);font-size:1.125rem;font-weight:600}._5OjJhW_recommendation{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:18px;display:flex}._5OjJhW_recommendationName{color:var(--color-heading);font-family:var(--font-heading), sans-serif;word-spacing:var(--heading-word-spacing);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}._5OjJhW_disclaimer{color:var(--color-muted);font-size:.8125rem;line-height:1.5}@media (min-width:900px){._5OjJhW_layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}