.ratio-inputs-grid.svelte-uhm5u6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.ratio-ppi-row.svelte-uhm5u6{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));align-items:end;gap:.65rem;display:grid}.ratio-preview-stage.svelte-uhm5u6{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:.75rem;justify-content:center;align-items:center;min-height:240px;padding:1.5rem;display:flex}.ratio-preview-frame.svelte-uhm5u6{border:2px dashed var(--accent);background:var(--accent-ghost);text-align:center;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;transition:width .15s,height .15s;display:flex}.ratio-preview-frame.svelte-uhm5u6 strong:where(.svelte-uhm5u6){color:var(--accent);font-size:1.15rem}.ratio-preview-frame.svelte-uhm5u6 span:where(.svelte-uhm5u6){font-family:var(--font-mono);color:var(--text-muted);font-size:.76rem}@media (width<=680px){.ratio-inputs-grid.svelte-uhm5u6,.ratio-ppi-row.svelte-uhm5u6{grid-template-columns:1fr}}