:root{--ui-bg:#1b1d23;--ui-panel:#23262e;--ui-border:#333842;--ui-fg:#e6e8ec;--ui-muted:#9aa0aa;--ui-accent:#7aa2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ui-bg);color:var(--ui-fg)}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--ui-panel);border-bottom:1px solid var(--ui-border);flex:none;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.brand{letter-spacing:.3px;font-weight:600}.brand .tag{color:var(--ui-muted);border:1px solid var(--ui-border);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:11px}.actions{align-items:center;gap:8px;display:flex}.actions .warn{color:#f5c451;cursor:help;font-size:13px}.actions .live{color:#4ade80;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:220px;font-size:12px;display:inline-flex;overflow:hidden}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.actions .live{animation:2s ease-in-out infinite live-pulse}.actions .live:hover{color:#f87171;animation:none}.actions button{background:var(--ui-accent);color:#0b0e14;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.actions button:hover{filter:brightness(1.08)}.actions button.ghost{color:var(--ui-fg);border:1px solid var(--ui-border);background:0 0}.actions button.ghost:hover{background:var(--ui-bg);filter:none}.actions .sep{background:var(--ui-border);width:1px;height:20px;margin:0 2px}.actions .ext-select{color:var(--ui-fg);border:1px solid var(--ui-border);cursor:pointer;background:0 0;border-radius:6px;padding:5px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.split{flex:auto;grid-template-columns:1fr 1.3fr 260px;min-height:0;display:grid}.pane{min-width:0;min-height:0;overflow:hidden}.editor-pane{border-right:1px solid var(--ui-border)}.preview{background:#14151a;flex-direction:column;height:100%;display:flex}.preview-scroll{scroll-behavior:smooth;flex-direction:column;flex:auto;align-items:center;gap:28px;min-height:0;padding:28px 24px 60vh;display:flex;overflow-y:auto}.preview-slide{border-radius:6px;width:100%;max-width:900px;scroll-margin:28px;transition:box-shadow .2s,transform .2s;position:relative;box-shadow:0 6px 22px #0006}.preview-slide.is-active{box-shadow:0 0 0 2px var(--ui-accent), 0 12px 44px #0000008c}.preview-slide .slide{border-radius:6px}.preview-slide .slide-number{z-index:2;background:var(--ui-panel);border:1px solid var(--ui-border);min-width:20px;height:20px;color:var(--ui-muted);text-align:center;border-radius:10px;padding:0 6px;font-size:11px;line-height:20px;position:absolute;top:-8px;left:-8px}.preview-empty{color:var(--ui-muted);margin-top:40px}.inspector-pane{border-left:1px solid var(--ui-border);background:var(--ui-panel);overflow-y:auto}.inspector{padding:4px 0 24px}.insp-section{border-bottom:1px solid var(--ui-border);padding:12px 14px}.insp-section h3{text-transform:uppercase;letter-spacing:.6px;color:var(--ui-muted);margin:0 0 10px;font-size:11px}.insp-row{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.insp-label{color:var(--ui-fg);flex:none;font-size:13px}.insp-control{flex:auto;justify-content:flex-end;display:flex}.hint-text{color:var(--ui-muted);margin:0;font-size:12px;line-height:1.4}.block-kind{color:var(--ui-accent);text-transform:capitalize;margin-bottom:4px;font-size:12px;font-weight:600}.inspector select{background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:6px;padding:4px 8px;font-size:13px}.seg{border:1px solid var(--ui-border);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:var(--ui-bg);color:var(--ui-fg);border:none;border-right:1px solid var(--ui-border);cursor:pointer;padding:4px 9px;font-size:12px}.seg button:last-child{border-right:none}.seg button.active{background:var(--ui-accent);color:#0b0e14;font-weight:600}.seg button:disabled{opacity:.35;cursor:default}.swatches{gap:6px;display:inline-flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.swatch.sel{border-color:var(--ui-fg)}.swatch.none{background:var(--ui-bg);border:1px dashed var(--ui-border)}.swatch.none.sel{border:2px solid var(--ui-fg)}.swatch.c-muted{background:#6b7280}.swatch.c-accent,.swatch.c-primary{background:#2563eb}.swatch.c-success{background:#16a34a}.swatch.c-warning{background:#d97706}.swatch.c-danger{background:#dc2626}.swatch.c-bg{border:1px solid var(--ui-border);background:#fff}.swatch.c-fg{background:#1a1a1a}.text-input{background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:6px;width:100%;max-width:150px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.bg-controls{margin-top:4px}.btn-small{background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.btn-small:hover{border-color:var(--ui-accent)}