.ratio-tool.svelte-1sxf9i2{min-height:300px}.ratio-selector.svelte-1sxf9i2{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:2rem;display:grid}.ratio-btn.svelte-1sxf9i2{cursor:pointer;font-family:var(--ff-Supreme);background:0 0;border:2px solid #0000000f;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem;transition:all .2s;display:flex}.ratio-btn.svelte-1sxf9i2:hover{border-color:#ffb92d4d}.ratio-btn.active.svelte-1sxf9i2{background:#ffb92d0f;border-color:#ffb92d}.ratio-label.svelte-1sxf9i2{color:var(--clr-black);font-size:1rem;font-weight:700}.ratio-desc.svelte-1sxf9i2{color:#999;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.dimension-row.svelte-1sxf9i2{align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.dim-input-group.svelte-1sxf9i2{flex:1;position:relative}.dim-input-group.svelte-1sxf9i2 label:where(.svelte-1sxf9i2){font-family:var(--ff-Supreme);color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.8rem;display:block}.dim-input-group.svelte-1sxf9i2 input:where(.svelte-1sxf9i2){width:100%;font-family:var(--ff-Supreme);box-sizing:border-box;border:2px solid #00000014;border-radius:12px;outline:none;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;transition:border-color .2s}.dim-input-group.svelte-1sxf9i2 input:where(.svelte-1sxf9i2):focus{border-color:#ffb92d}.dim-input-group.locked.svelte-1sxf9i2 input:where(.svelte-1sxf9i2){background:#ffb92d08;border-color:#ffb92d}.lock-badge.svelte-1sxf9i2{text-transform:uppercase;letter-spacing:.05em;color:#ffb92d;font-size:.6rem;font-weight:700;font-family:var(--ff-Supreme);position:absolute;top:0;right:0}.swap-btn.svelte-1sxf9i2{cursor:pointer;background:0 0;border:2px solid #00000014;border-radius:12px;flex-shrink:0;width:44px;height:44px;margin-bottom:2px;font-size:1.2rem;transition:all .2s}.swap-btn.svelte-1sxf9i2:hover{background:#ffb92d0f;border-color:#ffb92d}.result-row.svelte-1sxf9i2{background:#00000005;border-radius:14px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem;display:flex}.result-preview.svelte-1sxf9i2{background:linear-gradient(135deg,#ffb92d,#ff9500);border-radius:8px;flex-shrink:0;width:80px;min-height:30px;max-height:80px}.result-info.svelte-1sxf9i2{align-items:center;gap:1rem;display:flex}.result-dimension.svelte-1sxf9i2{font-family:var(--ff-Supreme);color:var(--clr-black);font-size:1.2rem}.copy-dim-btn.svelte-1sxf9i2{font-family:var(--ff-Supreme);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.copy-dim-btn.svelte-1sxf9i2:hover{color:#ffb92d;border-color:#ffb92d}.presets-section.svelte-1sxf9i2{margin-top:1rem}.presets-section.svelte-1sxf9i2 h3:where(.svelte-1sxf9i2){font-family:var(--ff-Excon);color:var(--clr-black);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.presets-grid.svelte-1sxf9i2{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.preset-btn.svelte-1sxf9i2{cursor:pointer;font-family:var(--ff-Supreme);background:0 0;border:1px solid #0000000f;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:all .2s;display:flex}.preset-btn.svelte-1sxf9i2:hover{background:#ffb92d08;border-color:#ffb92d4d}.preset-name.svelte-1sxf9i2{color:var(--clr-black);font-size:.85rem;font-weight:500}.preset-dims.svelte-1sxf9i2{color:#999;font-family:SF Mono,monospace;font-size:.75rem}@media (width<=768px){.ratio-selector.svelte-1sxf9i2{grid-template-columns:repeat(4,1fr)}.dimension-row.svelte-1sxf9i2{flex-direction:column;align-items:stretch}.swap-btn.svelte-1sxf9i2{align-self:center;transform:rotate(90deg)}.presets-grid.svelte-1sxf9i2{grid-template-columns:1fr 1fr}}