.tool-page.svelte-13fhc21{max-width:42rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.opt-section.svelte-13fhc21{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.opt-row.svelte-13fhc21{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.opt-label.svelte-13fhc21{font-size:.8125rem;font-weight:600;width:5rem;flex-shrink:0}.opt-input.svelte-13fhc21{border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;border:1px solid var(--bg-separator);background:var(--bg-panel-alt, var(--bg-panel));color:var(--fg)}.opt-input.svelte-13fhc21:focus{outline:1.5px solid var(--accent)}.slider.svelte-13fhc21{height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;cursor:pointer;background:var(--bg-separator);accent-color:var(--accent)}.val.svelte-13fhc21{font-size:.8125rem;color:var(--fg-muted);width:2.5rem;text-align:right;flex-shrink:0}.result-box.svelte-13fhc21{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.live-preview.svelte-13fhc21{max-width:100%;max-height:24rem;border-radius:.75rem;-o-object-fit:contain;object-fit:contain;align-self:center;box-shadow:var(--shadow-panel)}