body{color:#f5f5f5;background:#050505}.page.svelte-q0o6qm{color:#f5f5f5;background:#050505;flex-direction:column;min-height:100vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.topbar.svelte-q0o6qm{background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;display:flex}.topbar-left.svelte-q0o6qm,.topbar-right.svelte-q0o6qm{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.brand.svelte-q0o6qm{letter-spacing:.12em;color:#34d399;margin-right:.5rem}.ctl.svelte-q0o6qm,.ctl-toggle.svelte-q0o6qm{text-transform:uppercase;letter-spacing:.08em;color:#aaa;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.ctl.svelte-q0o6qm select:where(.svelte-q0o6qm),.field.svelte-q0o6qm select:where(.svelte-q0o6qm),.field.svelte-q0o6qm input[type=text]:where(.svelte-q0o6qm){color:#f5f5f5;font:inherit;background:#111;border:1px solid #2a2a2a;padding:.35rem .5rem;font-size:.8rem}.btn.svelte-q0o6qm{color:#f5f5f5;font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#111;border:1px solid #2a2a2a;padding:.4rem .7rem;font-size:.75rem}.btn.svelte-q0o6qm:hover{background:#1a1a1a}.btn.primary.svelte-q0o6qm{background:#0d9488;border-color:#0d9488}.btn.primary.svelte-q0o6qm:hover{background:#14b8a6}.btn.danger.svelte-q0o6qm{color:#fca5a5;border-color:#7f1d1d}.btn.danger.svelte-q0o6qm:hover{background:#450a0a}.btn.full.svelte-q0o6qm{width:100%;margin-top:.75rem}.notice.svelte-q0o6qm{color:#34d399;letter-spacing:.1em;font-size:.7rem}.screen-warning.svelte-q0o6qm{color:#1c1917;background:#facc15;border-bottom:1px solid #ca8a04;padding:.6rem 1rem;font-size:.8rem}.screen-warning.svelte-q0o6qm code:where(.svelte-q0o6qm),.screen-warning.svelte-q0o6qm kbd:where(.svelte-q0o6qm){background:#00000026;padding:.05em .4em}.workspace.svelte-q0o6qm{flex:1;grid-template-columns:1fr 320px;gap:1rem;min-height:0;padding:1rem;display:grid}@media (width<=900px){.workspace.svelte-q0o6qm{grid-template-columns:1fr}}.canvas-wrap.svelte-q0o6qm{flex-direction:column;gap:.5rem;min-width:0;display:flex}.canvas.svelte-q0o6qm{touch-action:none;-webkit-user-select:none;user-select:none;background:#050505;border:1px solid #1a1a1a;width:100%;height:auto;max-height:calc(100vh - 200px)}.canvas-hint.svelte-q0o6qm{color:#777;margin:0;font-size:.7rem}.surface-group.svelte-q0o6qm{cursor:move}.surface-group.svelte-q0o6qm .handle:where(.svelte-q0o6qm){cursor:nwse-resize}.inspector.svelte-q0o6qm{background:#0a0a0a;border:1px solid #1a1a1a;flex-direction:column;gap:.6rem;max-height:calc(100vh - 130px);padding:1rem;display:flex;overflow-y:auto}.inspector.svelte-q0o6qm h2:where(.svelte-q0o6qm),.inspector.svelte-q0o6qm h3:where(.svelte-q0o6qm){text-transform:uppercase;letter-spacing:.12em;color:#aaa;margin:0;font-size:.75rem}.inspector.svelte-q0o6qm hr:where(.svelte-q0o6qm){border:none;border-top:1px solid #1a1a1a;margin:.5rem 0}.field.svelte-q0o6qm{text-transform:uppercase;letter-spacing:.08em;color:#888;flex-direction:column;gap:.3rem;font-size:.7rem;display:flex}.field.svelte-q0o6qm input[type=range]:where(.svelte-q0o6qm){width:100%}.muted.svelte-q0o6qm{color:#666;font-size:.8rem}.corners-table.svelte-q0o6qm{border-collapse:collapse;text-transform:none;letter-spacing:0;color:#ccc;width:100%;font-size:.7rem}.corners-table.svelte-q0o6qm th:where(.svelte-q0o6qm),.corners-table.svelte-q0o6qm td:where(.svelte-q0o6qm){text-align:left;border-bottom:1px solid #1a1a1a;padding:.2rem .3rem}.surface-list.svelte-q0o6qm{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.surface-list.svelte-q0o6qm button:where(.svelte-q0o6qm){text-align:left;color:#ccc;width:100%;font:inherit;cursor:pointer;background:#111;border:1px solid #1a1a1a;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;font-size:.75rem;display:flex}.surface-list.svelte-q0o6qm li.active:where(.svelte-q0o6qm) button:where(.svelte-q0o6qm){color:#fff;border-color:#0d9488}.surface-list.svelte-q0o6qm small:where(.svelte-q0o6qm){color:#888;font-size:.65rem}
