.AspectRatioBoxGeneratorClient-module__aKwitW__wrap{max-width:960px;margin:0 auto}.AspectRatioBoxGeneratorClient-module__aKwitW__intro{color:var(--muted);font-size:.95rem;line-height:1.6}.AspectRatioBoxGeneratorClient-module__aKwitW__layout{align-items:start;gap:2rem;display:grid}@media (min-width:900px){.AspectRatioBoxGeneratorClient-module__aKwitW__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.AspectRatioBoxGeneratorClient-module__aKwitW__controls{gap:1.5rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);gap:1rem;padding:1.25rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__sectionHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.AspectRatioBoxGeneratorClient-module__aKwitW__sectionHeader h3{margin:0;font-size:1.05rem}.AspectRatioBoxGeneratorClient-module__aKwitW__fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__field{color:var(--muted);gap:.4rem;font-size:.85rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__field span{color:var(--fg);font-weight:600}.AspectRatioBoxGeneratorClient-module__aKwitW__single{grid-template-columns:1fr}.AspectRatioBoxGeneratorClient-module__aKwitW__presets{flex-wrap:wrap;gap:.5rem;display:flex}.AspectRatioBoxGeneratorClient-module__aKwitW__presetButton{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;transition:background .2s,border-color .2s}.AspectRatioBoxGeneratorClient-module__aKwitW__presetButton:hover{border-color:var(--border-strong);background:var(--chip)}.AspectRatioBoxGeneratorClient-module__aKwitW__presetButton:focus-visible{border-color:var(--border-strong);background:var(--chip)}.AspectRatioBoxGeneratorClient-module__aKwitW__metrics{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);gap:.6rem;margin:0;padding:.75rem 1rem;font-size:.88rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__metrics div{gap:.2rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__metrics dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.AspectRatioBoxGeneratorClient-module__aKwitW__metrics dd{color:var(--fg);margin:0;font-weight:600}.AspectRatioBoxGeneratorClient-module__aKwitW__previewSection{gap:1rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__previewSection h3{margin:0;font-size:1.05rem}.AspectRatioBoxGeneratorClient-module__aKwitW__previewBox{border:1px solid var(--border);background:radial-gradient(circle at 35% 30%,var(--panel)0%,var(--panel-2)45%,var(--panel)100%);width:max(220px,min(60vw,420px));box-shadow:var(--shadow-2);border-radius:24px;position:relative;overflow:hidden}.AspectRatioBoxGeneratorClient-module__aKwitW__previewBox:before{content:"";padding-bottom:var(--preview-padding);display:block}@supports (aspect-ratio:1 / 1){.AspectRatioBoxGeneratorClient-module__aKwitW__previewBox:before{padding-bottom:0;display:none}}.AspectRatioBoxGeneratorClient-module__aKwitW__previewContent{color:var(--fg);text-align:center;place-items:center;gap:.35rem;padding:1.5rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.AspectRatioBoxGeneratorClient-module__aKwitW__previewBadge{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(0,0,0,.08);border-radius:999px;padding:.35rem .75rem;font-size:.75rem}.AspectRatioBoxGeneratorClient-module__aKwitW__previewContent strong{letter-spacing:.02em;font-size:1.4rem}.AspectRatioBoxGeneratorClient-module__aKwitW__previewSub{color:var(--muted);font-size:.85rem}.AspectRatioBoxGeneratorClient-module__aKwitW__previewHint{color:var(--muted);font-size:.85rem;line-height:1.6}.AspectRatioBoxGeneratorClient-module__aKwitW__output{gap:.75rem;display:grid}.AspectRatioBoxGeneratorClient-module__aKwitW__code{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);font-family:var(--font-mono);margin:0;padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.AspectRatioBoxGeneratorClient-module__aKwitW__actions{justify-content:flex-end;gap:.5rem;display:flex}.AspectRatioBoxGeneratorClient-module__aKwitW__actions .AspectRatioBoxGeneratorClient-module__aKwitW__btn{min-width:120px}