:root{--bg:#f4f4f2;--fg:#1a1a1a;--muted:#6b6b6b;--panel:#fff;--border:#e2e2de;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#141414;--fg:#ececec;--muted:#9a9a9a;--panel:#1e1e1e;--border:#2e2e2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overscroll-behavior:none}.panel section{gap:8px;display:grid}.panel section+section{margin-top:20px}.panel h2{text-transform:uppercase;letter-spacing:.06em;min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;margin:0;font-size:.75rem;font-weight:600;display:flex}.panel output{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.segmented{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.segmented button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 6px;font-size:.9rem}.segmented button.active{background:var(--fg);border-color:var(--fg);color:var(--bg)}.segmented button:disabled{opacity:.45;cursor:default}.panel input[type=range]{width:100%;accent-color:var(--fg)}.panel input[type=text]{width:100%;min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:6px 8px;font-size:16px}@media (pointer:coarse){.segmented button{min-height:44px}}.panel .hint{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}@media (pointer:coarse){.panel input[type=range]{height:32px}}.stage.svelte-d0kc8g{-webkit-tap-highlight-color:transparent;flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative}canvas.svelte-d0kc8g{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:auto;display:block;position:absolute;inset:0;box-shadow:0 2px 16px #0000001f}.segmented.svelte-nbudif button:where(.svelte-nbudif){gap:2px;display:grid}.segmented.svelte-nbudif small:where(.svelte-nbudif){opacity:.7;font-size:.75rem}.download.svelte-nbudif{width:100%;font:inherit;border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex}.download.svelte-nbudif:disabled{opacity:.6;cursor:default}.download.svelte-nbudif svg:where(.svelte-nbudif){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (pointer:coarse){.download.svelte-nbudif{min-height:44px}}.ratios.svelte-z516c2{grid-template-columns:repeat(5,1fr)}.backgrounds.svelte-z516c2{grid-template-columns:repeat(4,1fr)}.rotate.svelte-z516c2{border:1px solid var(--border);background:var(--panel);width:32px;height:32px;color:var(--fg);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.rotate.svelte-z516c2:disabled{opacity:.35;cursor:default}.rotate.svelte-z516c2 svg:where(.svelte-z516c2){fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .2s}.rotate.svelte-z516c2 svg.landscape:where(.svelte-z516c2){transform:rotate(90deg)}.phone.svelte-z516c2{fill:currentColor;fill-opacity:.15}.swatch.svelte-z516c2{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;width:100%;height:36px;padding:2px}@media (pointer:coarse){.rotate.svelte-z516c2{width:44px;height:44px}}.counts.svelte-j6bz8j{grid-template-columns:repeat(9,1fr);gap:4px}.counts.svelte-j6bz8j button:where(.svelte-j6bz8j){padding:8px 0}.layouts.svelte-j6bz8j{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.layouts.svelte-j6bz8j button:where(.svelte-j6bz8j){border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;place-items:center;min-width:0;padding:8px;display:grid}.layouts.svelte-j6bz8j button.active:where(.svelte-j6bz8j){border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.layouts.svelte-j6bz8j svg:where(.svelte-j6bz8j){max-width:100%;height:auto;display:block}.layouts.svelte-j6bz8j rect:where(.svelte-j6bz8j){fill:var(--muted);opacity:.55}.layouts.svelte-j6bz8j button.active:where(.svelte-j6bz8j) rect:where(.svelte-j6bz8j){fill:var(--fg);opacity:.85}.buttons.svelte-ghykxd{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.buttons.svelte-ghykxd button:where(.svelte-ghykxd),.add.svelte-ghykxd{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 6px;font-size:.9rem}@media (pointer:coarse){.buttons.svelte-ghykxd button:where(.svelte-ghykxd),.add.svelte-ghykxd{min-height:44px}}.tray.svelte-obe3w3{scrollbar-width:thin;flex-shrink:0;gap:8px;padding:6px 2px 2px;display:flex;overflow-x:auto}.thumb.svelte-obe3w3{flex:none;position:relative}.place.svelte-obe3w3{border:1px solid var(--border);background:var(--panel);cursor:grab;touch-action:manipulation;border-radius:8px;padding:0;display:block;overflow:hidden}img.svelte-obe3w3{object-fit:cover;pointer-events:none;width:56px;height:56px;display:block}.remove.svelte-obe3w3{border:1px solid var(--border);background:var(--panel);width:22px;height:22px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-4px;right:-4px}.remove.svelte-obe3w3 svg:where(.svelte-obe3w3){stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:12px;height:12px}@media (pointer:coarse){.remove.svelte-obe3w3{width:28px;height:28px}}main.svelte-1n46o8q{height:100%;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}main.dragging.svelte-1n46o8q .preview:where(.svelte-1n46o8q){outline:2px dashed var(--muted);outline-offset:-8px;border-radius:12px}header.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand.svelte-1n46o8q{align-items:center;gap:6px;min-width:0;display:flex}h1.svelte-1n46o8q{white-space:nowrap;margin:0;font-size:1.1rem}.actions.svelte-1n46o8q{align-items:center;gap:8px;display:flex}button.svelte-1n46o8q{touch-action:manipulation;font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 14px}button.primary.svelte-1n46o8q{background:var(--fg);color:var(--bg);border-color:var(--fg)}button.svelte-1n46o8q:disabled{opacity:.45;cursor:default}.icon.svelte-1n46o8q{width:36px;height:36px;color:var(--muted);background:0 0;border:none;place-items:center;padding:0;display:grid}.icon.svelte-1n46o8q:hover{color:var(--fg)}svg.svelte-1n46o8q{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.icon.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px}.tool.svelte-1n46o8q{align-items:center;gap:6px;padding:8px 12px;display:flex}.tool.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:18px;height:18px}.error.svelte-1n46o8q{color:#c0392b;margin:0}.notice.svelte-1n46o8q{color:var(--muted);margin:0;font-size:.9rem}.workspace.svelte-1n46o8q{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.preview.svelte-1n46o8q{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.loading.svelte-1n46o8q{z-index:1;color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, transparent);place-items:center;margin:0;display:grid;position:absolute;inset:0}.welcome.svelte-1n46o8q{flex:1;place-items:center;display:grid;position:relative}.empty.svelte-1n46o8q{background:0 0;border-style:dashed;gap:4px;padding:48px 32px;display:grid}.empty.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--muted);font-size:.9rem}.empty.svelte-1n46o8q small:where(.svelte-1n46o8q){color:var(--muted);margin-top:8px;font-size:.75rem}.install.svelte-1n46o8q{position:absolute;bottom:8px}.install-hint.svelte-1n46o8q{color:var(--muted);text-align:center;margin:0;font-size:.85rem;position:absolute;bottom:8px}.controls.svelte-1n46o8q{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;height:45%;display:flex;overflow:hidden}.tabs.svelte-1n46o8q{border-bottom:1px solid var(--border);display:flex}.tabs.svelte-1n46o8q button:where(.svelte-1n46o8q){color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:12px;font-weight:500;box-shadow:inset 0 -2px #0000}.tabs.svelte-1n46o8q button.active:where(.svelte-1n46o8q){color:var(--fg);box-shadow:inset 0 -2px 0 var(--fg)}.panel.svelte-1n46o8q{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.controls.collapsed.svelte-1n46o8q{height:auto}.controls.collapsed.svelte-1n46o8q .panel:where(.svelte-1n46o8q){display:none}.reset.svelte-1n46o8q{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;margin:28px auto 4px;padding:6px 10px;font-size:.8rem;text-decoration:underline;display:block}@media (width<=799px){main.svelte-1n46o8q{padding-left:12px;padding-right:12px}.actions.svelte-1n46o8q{gap:4px}.tool.svelte-1n46o8q{background:0 0;border-color:#0000;justify-content:center;width:40px;height:40px;padding:0}.tool.svelte-1n46o8q span:where(.svelte-1n46o8q){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (pointer:coarse){.tool.svelte-1n46o8q{min-width:44px;min-height:44px}.actions.svelte-1n46o8q .primary:where(.svelte-1n46o8q){min-height:44px}}@media (width>=800px){.workspace.svelte-1n46o8q{flex-direction:row}.controls.svelte-1n46o8q,.controls.collapsed.svelte-1n46o8q{width:320px;height:auto}.controls.collapsed.svelte-1n46o8q .panel:where(.svelte-1n46o8q){display:block}}