:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}p{margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#6366f1;--accent-dark:#4f46e5;--accent-soft:#6366f11a;--orange:#f97316;--green:#16a34a;--red:#dc2626;--red-soft:#dc26261a;--bg:#f7f7fb;--surface:#fff;--surface-sunken:#f2f2f7;--border:#e2e2ea;--text:#18181b;--text-muted:#71717a;--text-faint:#a1a1aa;--radius-sm:6px;--radius:10px;--shadow-sm:0 1px 2px #18181b0f;--shadow-md:0 8px 24px #18181b1a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131318;--surface:#1c1c23;--surface-sunken:#17171c;--border:#2e2e38;--text:#f2f2f5;--text-muted:#a6a6b3;--text-faint:#6b6b78;--accent-soft:#6366f133;--red-soft:#dc262633;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000073}}.app-shell{height:100vh;color:var(--text);background:var(--bg);flex-direction:column;font-family:system-ui,sans-serif;display:flex}.logo{align-items:center;gap:.5rem;display:inline-flex}.logo-mark{flex-shrink:0}.logo-text{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.logo-text-grey{color:var(--text-muted)}.logo-text-orange{color:var(--orange)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:5;align-items:center;gap:.9rem;padding:.6rem 1.25rem;display:flex}.app-header-project{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--border);padding-left:.9rem;font-size:.85rem;overflow:hidden}.app-header-spacer{flex:1}.project-meta-field{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.project-meta-field input{font:inherit;width:13rem;padding:.4rem .6rem}.toolbar-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;padding:.4rem .75rem;font-size:.85rem;transition:background-color .12s,border-color .12s}.toolbar-button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-faint)}.toolbar-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-button-wrapper{position:relative}.toolbar-error{background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm);z-index:20;width:max-content;max-width:18rem;margin-top:.4rem;padding:.5rem .7rem;font-size:.8rem;position:absolute;top:100%;right:0}.export-button-wrapper{position:relative}.export-button{border-radius:var(--radius-sm);background:var(--green);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border:none;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:filter .12s}.export-button:hover:not(:disabled){filter:brightness(1.08)}.export-button:disabled{opacity:.55;cursor:not-allowed}.export-errors{background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm);width:max-content;max-width:20rem;box-shadow:var(--shadow-md);z-index:20;margin-top:.4rem;padding:.6rem .8rem;font-size:.8rem;list-style:none;position:absolute;top:100%;right:0}.app-main{flex:1;justify-content:center;align-items:stretch;min-height:0;padding:0;display:flex;overflow:hidden}.app-main:has(.picker){align-items:center;padding:2rem;overflow-y:auto}.editor-layout{grid-template-columns:240px 1fr 340px;width:100%;min-height:0;display:grid}.editor-column{background:var(--surface);border-right:1px solid var(--border);padding:1.1rem;overflow-y:auto}.editor-column--slide-panel{background:var(--bg)}.editor-column:last-child{border-right:none}.editor-column h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 .75rem;font-size:.72rem;font-weight:700}.panel-empty{color:var(--text-muted);font-size:.88rem}.slide-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.slide-list-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:.25rem;width:100%;padding:.35rem .5rem;transition:border-color .12s;display:flex}.slide-list-item--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.slide-list-main{cursor:pointer;min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;padding:.15rem 0;display:flex}.slide-list-index{color:var(--text-muted);min-width:1rem;font-size:.8rem;font-weight:700}.slide-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.slide-list-duration{color:var(--text-faint);font-size:.78rem}.slide-list-actions{gap:.1rem;display:flex}.slide-list-actions button{width:1.4rem;height:1.4rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-size:.8rem}.slide-list-actions button:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.slide-list-actions button:disabled{opacity:.25;cursor:not-allowed}.slide-list-add{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;margin-top:.5rem;padding:.45rem;font-size:.85rem}.slide-list-add:hover{border-color:var(--accent);color:var(--accent)}.slide-panel{flex-direction:column;gap:.9rem;display:flex}.slide-panel h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:.25rem 0 0;font-size:.72rem;font-weight:700}.stage-wrapper{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.stage-scale-box{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cb-zone{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.cb-zone--dragging{cursor:grabbing;opacity:.85;z-index:100;animation:none!important}.cb-zone--selected{outline:2px solid var(--accent);outline-offset:1px}.cb-zone.cb-zone--selected{overflow:visible}.cb-handle{background:var(--accent);z-index:10;border:1.5px solid #fff;border-radius:2px;width:9px;height:9px;position:absolute}.cb-handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.cb-handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.cb-handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.cb-handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.cb-guide{background:var(--accent);pointer-events:none;z-index:5;position:absolute}.cb-guide--v{width:1px;top:0;bottom:0}.cb-guide--h{height:1px;left:0;right:0}.stage-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:.35rem .7rem;font-size:.8rem}.stage-toggle--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.stage-controls{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.stage-controls button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;padding:.35rem .8rem}.stage-controls button:hover{border-color:var(--text-faint)}.stage-controls-info{color:var(--text-muted)}.zone-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.zone-list-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:.25rem;width:100%;padding:.25rem .35rem;display:flex}.zone-list-item--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.zone-list-main{cursor:pointer;min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;padding:.15rem .25rem;display:flex}.zone-list-remove{width:1.4rem;height:1.4rem;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-size:.75rem}.zone-list-remove:hover{background:var(--red-soft);color:var(--red)}.zone-list-add{gap:.4rem;margin-top:.5rem;display:flex}.zone-list-add button{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;flex:1;padding:.4rem;font-size:.78rem}.zone-list-add button:hover{border-color:var(--accent);color:var(--accent)}.zone-list-badge{background:var(--surface-sunken);border-radius:4px;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.68rem;font-weight:700;display:inline-flex}.zone-list-badge--text{color:#6366f1;background:#6366f126}.zone-list-badge--image{color:#f59e0b;background:#f59e0b26}.zone-list-badge--color{color:#ec4899;background:#ec489926}.zone-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.zone-list-status{color:var(--text-faint)}.zone-list-status--filled{color:var(--green)}.zone-editor-header{gap:.4rem;margin-bottom:.9rem;display:flex}.zone-editor-name{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);flex:1;padding:.4rem .6rem;font-weight:600}.zone-editor-name:focus{border-color:var(--accent);outline:none}.zone-editor-delete{border:1px solid var(--red-soft);color:var(--red);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.4rem .7rem;font-size:.8rem}.zone-editor-delete:hover{background:var(--red-soft)}.zone-editor-rect{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.55rem;margin:.5rem 0;padding:.7rem .85rem;display:flex}.zone-editor-rect legend{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;padding:0 .3rem;font-size:.72rem}.zone-editor{flex-direction:column;gap:.8rem;display:flex}.field{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field span{color:var(--text-muted);font-size:.78rem}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.45rem .55rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field-row{gap:.75rem;display:flex}.field-inline{gap:.4rem;display:flex}.field-inline input{flex:1;min-width:0}.field-inline button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;white-space:nowrap;padding:.45rem .7rem;font-size:.82rem}.field-inline button:hover:not(:disabled){border-color:var(--text-faint)}.field-inline button:disabled{opacity:.5;cursor:not-allowed}.field-row .field{flex:1}.checkbox{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.zone-editor-filename{color:var(--text-muted);margin:0;font-size:.8rem}.zone-editor-error{color:var(--red);font-size:.8rem}.zone-editor-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--surface-sunken) 0% 25%, var(--surface) 0% 50%) 50% / 14px 14px;justify-content:center;align-items:center;max-width:100%;display:flex;overflow:hidden}.zone-editor-preview img{max-width:100%;display:block}.zone-editor-preview-empty{color:var(--text-faint);font-size:.75rem}.zone-editor-effects{border-top:1px solid var(--border);flex-direction:column;gap:.8rem;margin-top:.6rem;padding-top:.8rem;display:flex}.effect-picker{flex-direction:column;gap:.3rem;display:flex}.effect-picker-label{color:var(--text-muted);font-size:.78rem}.effect-picker-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.effect-picker-row select,.effect-picker-row input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.35rem;font-size:.85rem}.effect-picker-delay{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.effect-picker-delay input{width:4.5rem}.color-field{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex;position:relative}.color-field-label{color:var(--text-muted);font-size:.78rem}.color-field-control{align-items:center;gap:.4rem;display:flex}.color-field-swatch{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:1.7rem;height:1.7rem;padding:0}.color-field-input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:7rem;color:var(--text);padding:.4rem .55rem}.color-field-popover{z-index:10;box-shadow:var(--shadow-md);border-radius:var(--radius);margin-top:.3rem;position:absolute;top:100%;left:0;overflow:hidden}.picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(460px,100%);box-shadow:var(--shadow-md);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.picker h1{text-align:center;font-size:1.35rem;font-weight:700}.picker-status{color:var(--text-muted);text-align:center}.picker-status--error{color:var(--red)}.picker-field{border:none;flex-direction:column;gap:.4rem;margin:0;padding:0;display:flex}.picker-field>span,.picker-field legend{color:var(--text-muted);font-size:.8rem;font-weight:600}.picker-field input,.picker-field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.55rem .65rem;font-size:.95rem}.picker-field input:focus,.picker-field select:focus{border-color:var(--accent);outline:none}.picker-cards{flex-wrap:wrap;gap:.5rem;display:flex}.picker-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;color:var(--text);flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.picker-card strong{font-size:.9rem}.picker-card span{color:var(--text-muted);font-size:.78rem}.picker-card:hover{border-color:var(--text-faint)}.picker-card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.picker-import{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;align-self:flex-start;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem}.picker-import:hover{border-color:var(--accent);color:var(--accent)}.picker-submit{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:background-color .12s}.picker-submit:hover:not(:disabled){background:var(--accent-dark)}.picker-submit:disabled{opacity:.5;cursor:not-allowed}.editor-placeholder{text-align:center;max-width:480px}.editor-placeholder-note{color:var(--text-muted);font-size:.9rem}