body{margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;background:#0a0a0b;color:#e4e4e7;overflow:hidden;height:100vh}.app.svelte-1uha8ag{display:flex;flex-direction:column;height:100vh;background:#0a0a0b}.toolbar.svelte-1uha8ag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#121214;border-bottom:1px solid #1e1e20;flex-shrink:0;z-index:10}.logo.svelte-1uha8ag{font-weight:700;font-size:14px;color:#818cf8;margin-right:8px;letter-spacing:-.3px}.tg.svelte-1uha8ag{display:flex;align-items:center;gap:4px}.tgl.svelte-1uha8ag{font-size:10px;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.tsel.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;color:#e4e4e7;border-radius:4px;padding:2px 6px;font-size:11px;outline:none}.cpicker.svelte-1uha8ag{width:32px;height:24px;border:1px solid #2a2a2e;border-radius:3px;padding:1px;cursor:pointer;background:none}.sep.svelte-1uha8ag{width:1px;height:20px;background:#1e1e20;margin:0 4px;flex-shrink:0}.tb.svelte-1uha8ag{display:inline-flex;align-items:center;gap:4px;background:#1c1c1e;border:1px solid #2a2a2e;color:#d4d4d8;border-radius:5px;padding:4px 8px;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.tb.svelte-1uha8ag:hover{background:#2a2a2e;border-color:#3a3a3e}.tb.accent.svelte-1uha8ag{background:#1e293b;border-color:#334155}.tb.accent.svelte-1uha8ag:hover{background:#334155;border-color:#475569}.tb.export.svelte-1uha8ag{background:#4338ca;border-color:#6366f1;color:#fff;font-weight:500}.tb.export.svelte-1uha8ag:hover{background:#6366f1}.hidden.svelte-1uha8ag{display:none}.spacer.svelte-1uha8ag{flex:1}.workspace.svelte-1uha8ag{display:flex;flex:1;overflow:hidden}.canvas-area.svelte-1uha8ag{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#0e0e0f;background-image:radial-gradient(circle,#1a1a1c 1px,transparent 1px);background-size:20px 20px}.canvas-area.svelte-1uha8ag canvas:where(.svelte-1uha8ag){max-width:calc(100% - 40px);max-height:calc(100% - 40px);border-radius:4px;box-shadow:0 4px 24px #00000080}.right.svelte-1uha8ag{width:250px;background:#0e0e0f;border-left:1px solid #1a1a1c;display:flex;flex-direction:column;overflow:hidden}.ps.svelte-1uha8ag{border-bottom:1px solid #1a1a1c}.ph.svelte-1uha8ag{padding:7px 10px;font-size:10px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px}.empty.svelte-1uha8ag{padding:20px 12px;font-size:11px;color:#52525b;text-align:center}.pl.svelte-1uha8ag{overflow-y:auto;max-height:180px;padding:2px}.li.svelte-1uha8ag{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:11px;transition:background .1s}.li.svelte-1uha8ag:hover{background:#1a1a1c}.li.sel.svelte-1uha8ag{background:#1c1a2e;outline:1px solid #2a2840}.ln.svelte-1uha8ag{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4d4d8}.la.svelte-1uha8ag{display:none;gap:1px}.li.svelte-1uha8ag:hover .la:where(.svelte-1uha8ag){display:flex}.invis.svelte-1uha8ag{background:none;border:none;color:#71717a;cursor:pointer;padding:2px 3px;font-size:10px;line-height:1;border-radius:3px;transition:color .15s,background .15s;display:inline-flex;align-items:center}.invis.svelte-1uha8ag:hover{color:#e4e4e7;background:#2a2a2e}.invis.dng.svelte-1uha8ag:hover{color:#ef4444;background:#2a1515}.rni.svelte-1uha8ag{background:#1c1c1e;border:1px solid #6366f1;color:#e4e4e7;border-radius:3px;padding:1px 4px;font-size:11px;width:100%;outline:none}.pp.svelte-1uha8ag{padding:4px 8px 8px}.pr.svelte-1uha8ag{display:flex;align-items:center;gap:6px;margin-bottom:3px}.pr.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:10px;color:#71717a;width:60px;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.dn.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;color:#e4e4e7;border-radius:3px;padding:2px 6px;width:60px;font-size:11px;cursor:ew-resize}.dn.svelte-1uha8ag:hover{border-color:#3a3a3e}.dn-wrap.svelte-1uha8ag{display:flex;align-items:center;gap:0}.dn-wrap.svelte-1uha8ag .dn:where(.svelte-1uha8ag){width:50px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.dn-drag.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;border-left:none;color:#52525b;border-radius:0 3px 3px 0;padding:2px 4px;font-size:10px;cursor:ns-resize;line-height:1;display:flex;align-items:center;transition:color .15s,background .15s}.dn-drag.svelte-1uha8ag:hover{color:#e4e4e7;background:#2a2a2e}.pti.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;color:#e4e4e7;border-radius:3px;padding:2px 6px;font-size:11px;width:100%}.psel.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;color:#e4e4e7;border-radius:3px;padding:2px 4px;font-size:11px;width:100%}.pr.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:28px;height:22px;border:1px solid #2a2a2e;border-radius:3px;padding:1px;cursor:pointer;background:none}.rng.svelte-1uha8ag{flex:1;height:4px}.pv.svelte-1uha8ag{font-size:10px;color:#a1a1aa;min-width:28px;text-align:right}.full.svelte-1uha8ag{width:100%}.tg2.svelte-1uha8ag{display:flex;gap:2px}.tgb.svelte-1uha8ag{background:#1c1c1e;border:1px solid #2a2a2e;color:#71717a;border-radius:3px;padding:2px 10px;font-size:11px;cursor:pointer}.tgb.act.svelte-1uha8ag,.tgb.ita.svelte-1uha8ag{background:#4338ca;border-color:#6366f1;color:#fff}.code.svelte-1uha8ag{flex:1;overflow:hidden;display:flex;flex-direction:column}.code.svelte-1uha8ag pre:where(.svelte-1uha8ag){flex:1;overflow:auto;padding:8px 10px;margin:0;background:#0a0a0b;font-family:JetBrains Mono,Fira Code,monospace;font-size:9px;line-height:1.5;color:#a1a1aa}.code.svelte-1uha8ag code:where(.svelte-1uha8ag){white-space:pre}