.container.svelte-h43y2y{width:100%;max-width:1200px;margin:0 auto}.dropzone.svelte-h43y2y{width:100%;border:2px dashed var(--color-border);border-radius:var(--radius);padding:2rem;text-align:center;cursor:pointer;background:var(--color-surface);color:var(--color-text-muted);transition:all .25s ease}.dropzone.svelte-h43y2y:hover{background:var(--color-focus);color:var(--color-text)}.dropzone.dragover{border-color:var(--color-accent);background:#3b82f61a}.drop-text.svelte-h43y2y{font-size:1rem;-webkit-user-select:none;user-select:none}.editor.svelte-h43y2y{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-top:1rem;box-shadow:0 2px 6px #0000000d}.canvas-stack-wrapper.svelte-h43y2y{display:flex;justify-content:center;align-items:center;width:100%}.canvas-stack.svelte-h43y2y{position:relative;background:var(--color-bg);border-radius:var(--radius);overflow:hidden;line-height:0;text-align:center}.canvas-stack.svelte-h43y2y canvas:where(.svelte-h43y2y){display:block;height:auto;border-radius:var(--radius)}.canvas-stack.svelte-h43y2y .crop-overlay:where(.svelte-h43y2y){position:absolute;inset:0;background:transparent!important;cursor:crosshair;touch-action:none;z-index:2}.canvas-stack.svelte-h43y2y .crop-overlay:where(.svelte-h43y2y):active{cursor:grabbing}.canvas-info.svelte-h43y2y{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.controls.svelte-h43y2y{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-top:1.25rem}.controls.svelte-h43y2y label:where(.svelte-h43y2y){display:flex;flex-direction:column;font-weight:600;color:var(--color-text);gap:.3rem;-webkit-user-select:none;user-select:none}.controls.svelte-h43y2y input[type=range]:where(.svelte-h43y2y),.controls.svelte-h43y2y select:where(.svelte-h43y2y),.controls.svelte-h43y2y input[type=checkbox]:where(.svelte-h43y2y){accent-color:var(--color-accent);cursor:pointer}.actions.svelte-h43y2y{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}button.svelte-h43y2y{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.25rem;cursor:pointer;font-weight:500;transition:background var(--transition)}button.svelte-h43y2y:hover{background:var(--color-accent-hover)}button.svelte-h43y2y:disabled{opacity:.6;cursor:not-allowed}.error.svelte-h43y2y{color:var(--color-danger);text-align:center;margin-top:1rem}.quality-controls.svelte-h43y2y{margin-top:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.quality-controls.svelte-h43y2y h3:where(.svelte-h43y2y){margin:0 0 .75rem}.format-quality.svelte-h43y2y{display:grid;gap:.5rem;margin-bottom:.75rem}.export-grid.svelte-h43y2y{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.export-card.svelte-h43y2y{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;text-align:center;transition:transform .15s ease}.export-card.svelte-h43y2y:hover{transform:translateY(-2px);border-color:var(--color-accent)}.export-card.svelte-h43y2y img:where(.svelte-h43y2y){max-width:100%;border-radius:var(--radius);margin-bottom:.75rem}.export-info.svelte-h43y2y h3:where(.svelte-h43y2y){margin:.25rem 0;font-size:1rem;color:var(--color-text)}.export-info.svelte-h43y2y p:where(.svelte-h43y2y){margin:0;color:var(--color-text-muted);font-size:.9rem}.export-btn.svelte-h43y2y{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);padding:.4rem .8rem;cursor:pointer;margin-top:.6rem;font-size:.9rem}.export-btn.svelte-h43y2y:hover{background:var(--color-accent-hover)}.export-actions.svelte-h43y2y{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.export-all.svelte-h43y2y,.export-copy.svelte-h43y2y{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);padding:.6rem 1rem;cursor:pointer;font-weight:500}.export-copy.svelte-h43y2y{background:var(--color-focus);color:var(--color-text)}.export-all.svelte-h43y2y:hover{background:var(--color-accent-hover)}@media(max-width:700px){.controls.svelte-h43y2y{grid-template-columns:1fr}button.svelte-h43y2y{width:100%}.dropzone.svelte-h43y2y{padding:1.5rem}}main.svelte-1uha8ag{max-width:1200px;margin:4rem auto;padding:2rem}h1.svelte-1uha8ag{font-size:2rem;margin-bottom:.5rem}p.svelte-1uha8ag{color:var(--color-text-muted);line-height:1.6}.tabs.svelte-1uha8ag{display:flex;gap:.5rem;margin:2rem 0 1.5rem}.tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){flex:1;padding:.75rem;font-weight:600;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition)}.tabs.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:var(--color-accent-hover);color:#fff}.tabs.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:var(--color-accent);color:#fff;border-color:var(--color-accent-hover)}.demo-section.svelte-1uha8ag,.docs-section.svelte-1uha8ag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.docs-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}code.svelte-1uha8ag{background:var(--color-border);padding:.15rem .35rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(max-width:700px){main.svelte-1uha8ag{padding:1rem}.demo-section.svelte-1uha8ag{padding:1.25rem}}