:root{--bg:#080d1a;--panel:#1e293b9e;--line:#94a3b82e;--fg:#e2e8f0;--dim:#94a3b8;--accent:#38bdf8;--accent-2:#a78bfa;--gradient:linear-gradient(135deg, var(--accent), var(--accent-2));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif;font-size:14px}html,body,#app{height:100%;margin:0}body{background:radial-gradient(60% 50% at 15% 0%, #38bdf81a, transparent), radial-gradient(50% 50% at 90% 100%, #a78bfa1f, transparent), var(--bg);color:var(--fg);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.glass{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:0 12px 40px -12px #0009,inset 0 1px #ffffff0f}.icon{min-width:40px;height:40px;color:var(--fg);border-radius:11px;place-items:center;padding:0 10px;transition:background .15s,color .15s,transform .12s,opacity .15s;display:grid;position:relative}.icon:hover:not(:disabled){background:#94a3b829}.icon:active:not(:disabled){transform:scale(.9)}.icon:disabled{opacity:.3;cursor:default}.icon[aria-pressed=true]{color:var(--accent);background:#38bdf82e}.icon.danger:hover:not(:disabled){color:#f87171;background:#f8717129}.icon.primary{background:var(--gradient);color:#0b1020;min-width:52px;box-shadow:0 6px 20px -6px #38bdf8b3}.icon.primary:hover:not(:disabled){background:var(--gradient);filter:brightness(1.12)}[data-tip]:after{content:attr(data-tip);color:var(--fg);white-space:nowrap;pointer-events:none;opacity:0;background:#020617;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:500;transition:opacity .15s,translate .15s;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;translate:-50%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.frame.svelte-1jdjhi,.empty.svelte-1jdjhi{position:absolute;inset:8.33333%}.frame.svelte-1jdjhi{border:1px solid var(--line);background:radial-gradient(circle,#94a3b829 1px,#0000 1.5px) 50%/10% 10%,#0f172a8c;border-radius:4px;box-shadow:0 30px 80px -30px #000000b3}svg.svelte-1jdjhi{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.guide.svelte-1jdjhi{stroke:var(--accent-2);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.shape.svelte-1jdjhi{cursor:grab}svg.dragging.svelte-1jdjhi,svg.dragging.svelte-1jdjhi :where(.svelte-1jdjhi){cursor:grabbing}.body.svelte-1jdjhi{fill:url(#body);fill-opacity:.16;stroke:url(#body);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:fill-opacity .15s}.shape.svelte-1jdjhi:hover .body:where(.svelte-1jdjhi){fill-opacity:.26}.shape.selected.svelte-1jdjhi .body:where(.svelte-1jdjhi){fill-opacity:.3;stroke-width:2px}.mark.svelte-1jdjhi{fill:none;stroke:#e2e8f0;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.35;pointer-events:none;transition:opacity .15s}.shape.selected.svelte-1jdjhi .mark:where(.svelte-1jdjhi){opacity:.9}.marquee.svelte-1jdjhi{fill:#38bdf81a;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.box.svelte-1jdjhi{fill:none;stroke:#e2e8f0b3;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.handle.svelte-1jdjhi{cursor:nwse-resize}.handle.rotate.svelte-1jdjhi{cursor:grab}.hit.svelte-1jdjhi{fill:#0000}.dot.svelte-1jdjhi{fill:#fff;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;transition:transform .12s}.handle.rotate.svelte-1jdjhi .dot:where(.svelte-1jdjhi){fill:var(--accent-2);stroke:#fff}.handle.svelte-1jdjhi:hover .dot:where(.svelte-1jdjhi){transform:scale(1.35)}.empty.svelte-1jdjhi{color:var(--accent);background:#38bdf80a;border:2px dashed #94a3b873;border-radius:50%;place-items:center;padding:0;transition:background .2s,border-color .2s;animation:2.4s ease-in-out infinite svelte-1jdjhi-breathe;display:grid}.empty.svelte-1jdjhi:hover{border-color:var(--accent);background:#38bdf81a}@keyframes svelte-1jdjhi-breathe{50%{transform:scale(.97)}}.readout.svelte-1jdjhi{border:1px solid var(--line);font-variant-numeric:tabular-nums;pointer-events:none;background:#0f172ad9;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;top:14px;left:50%;translate:-50%}.actions.svelte-1jdjhi{transform-origin:top;border-radius:14px;gap:2px;padding:4px;display:flex;position:absolute;translate:-50%}.actions.above.svelte-1jdjhi{translate:-50% -100%}canvas.svelte-1q6dy5t{width:100%;height:100%;display:block}.interactive.svelte-1q6dy5t{touch-action:none;cursor:grab}.interactive.svelte-1q6dy5t:active{cursor:grabbing}.status.svelte-1q6dy5t{color:var(--dim);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-radius:12px;gap:14px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:12px;left:12px}.status.svelte-1q6dy5t span:where(.svelte-1q6dy5t){align-items:center;gap:6px;display:flex;position:relative}.status.svelte-1q6dy5t span:where(.svelte-1q6dy5t):after{top:calc(100% + 10px);bottom:auto}main.svelte-1n46o8q{flex-direction:column;height:100%;display:flex;position:relative}.stage-area.svelte-1n46o8q{flex:1;place-items:center;min-height:0;padding:12px;display:grid;position:relative;container-type:size}.stage.svelte-1n46o8q{aspect-ratio:1;width:min(100cqw,100cqh);position:relative}.layer.svelte-1n46o8q{position:absolute;inset:0}.preview.svelte-1n46o8q{aspect-ratio:1;border-radius:18px;width:clamp(96px,16vmin,148px);padding:0;transition:transform .2s,border-color .2s;position:absolute;top:16px;right:16px;overflow:hidden}.preview.svelte-1n46o8q:hover{border-color:var(--accent);transform:scale(1.05)}.preview.svelte-1n46o8q canvas,.preset.svelte-1n46o8q canvas{pointer-events:none}.dock-area.svelte-1n46o8q{justify-content:center;padding:0 12px 12px;display:flex;position:relative}.dock.svelte-1n46o8q{border-radius:18px;max-width:100%;padding:6px}.group.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.divider.svelte-1n46o8q{background:var(--line);width:1px;height:22px;margin:0 4px}.backdrop.svelte-1n46o8q{cursor:default;position:fixed;inset:0}.presets.svelte-1n46o8q{border-radius:18px;grid-template-columns:repeat(4,auto);gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px)}.preset.svelte-1n46o8q{aspect-ratio:1;border-radius:12px;width:clamp(64px,18vw,104px);padding:0;transition:background .15s,transform .15s;position:relative}.preset.svelte-1n46o8q canvas{border-radius:inherit}.preset.svelte-1n46o8q:hover{background:#94a3b829;transform:translateY(-2px)}