.pn-page.svelte-1w7gzi{max-width:42rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.opt-section.svelte-1w7gzi{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.opt-row.svelte-1w7gzi{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.opt-label.svelte-1w7gzi{font-size:.8125rem;font-weight:600;width:5rem;flex-shrink:0}.slider.svelte-1w7gzi{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-1w7gzi{font-size:.8125rem;color:var(--fg-muted);width:2.5rem;text-align:right;flex-shrink:0}.num-input.svelte-1w7gzi{width:5rem;padding:.375rem .5rem;border-radius:.5rem;font-size:.875rem;border:1px solid var(--bg-separator);background:var(--bg-panel-alt, var(--bg-panel));color:var(--fg)}.num-input.svelte-1w7gzi:focus{outline:1.5px solid var(--accent)}.result-box.svelte-1w7gzi{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.preview-wrap.svelte-1w7gzi{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-canvas.svelte-1w7gzi{max-width:100%;max-height:28rem;border-radius:.5rem;box-shadow:var(--shadow-panel)}.page-nav.svelte-1w7gzi{display:flex;align-items:center;gap:.75rem}.nav-btn.svelte-1w7gzi{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;border:1px solid var(--bg-separator);background:var(--bg-panel);cursor:pointer;color:inherit}.nav-btn.svelte-1w7gzi:hover{background:var(--bg-panel-alt)}.nav-btn.svelte-1w7gzi:disabled{opacity:.3;pointer-events:none}