:root{color-scheme:dark;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;background:#000;overflow:hidden}#demo{display:block;width:100%;height:100%}#start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(67,18,96,.28),transparent 42%),radial-gradient(circle at bottom,rgba(0,196,255,.16),transparent 40%),linear-gradient(180deg,#02050acc,#000000f0);color:#fff;font-size:clamp(1.3rem,3vw,2.8rem);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:opacity .6s ease}.overlay-panel{position:relative;display:grid;gap:.88rem;justify-items:center;width:min(92vw,48rem);padding:clamp(1.5rem,4vw,2.75rem);border:1px solid rgba(120,220,255,.28);background:linear-gradient(135deg,#0a0e1ceb,#02060af0),linear-gradient(90deg,#ffffff08,#fff0);box-shadow:0 0 0 1px #ff00ff14 inset,0 0 48px #00000073,0 0 90px #1c80ff2e;overflow:hidden}.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-panel:before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 5px);opacity:.08}.overlay-panel:after{inset:auto 1rem 1rem auto;width:6rem;height:6rem;border-right:1px solid rgba(142,249,255,.32);border-bottom:1px solid rgba(142,249,255,.32);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%,0 60%)}.overlay-kicker{justify-self:stretch;color:#a6eeffc7;font-size:clamp(.68rem,1.4vw,.82rem);letter-spacing:.32em;text-align:center;text-transform:uppercase}#start-overlay.hidden{opacity:0;pointer-events:none}#start-overlay[data-state=error]{color:#ff7b7b;letter-spacing:.08em}.start-text{font-size:clamp(1.8rem,5vw,4.6rem);line-height:.91;letter-spacing:.13em;text-shadow:0 0 8px rgba(0,255,255,.72),0 0 18px rgba(255,0,255,.24);text-align:center;padding:0 1rem}.overlay-echo{margin-top:-.1rem;color:#cdf6ff73;font-size:clamp(.64rem,1.1vw,.72rem);letter-spacing:.18em;text-align:center}.overlay-subtitle{max-width:34rem;color:#dffcffd1;font-size:clamp(.88rem,1.7vw,1rem);line-height:1.45;letter-spacing:.14em;text-align:center;text-transform:none;white-space:pre-line;margin-top:-.15rem}.overlay-quality{display:grid;gap:.35rem;justify-items:center;z-index:1}.overlay-quality-label{color:#c8f5ffbd;font-size:.7rem;letter-spacing:.2em;text-transform:none}#overlay-quality-select{min-width:min(90vw,20rem);padding:.55rem .8rem;border:1px solid rgba(142,249,255,.45);border-radius:.15rem;background:#06111deb;color:#dffcff;font:inherit;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}#overlay-quality-select:focus-visible{outline:1px solid rgba(142,249,255,.8);outline-offset:2px}#start-overlay[data-mode=end] .overlay-quality,#start-overlay[data-mode=status] .overlay-quality{display:none}#debug-panels{position:absolute;top:1.5rem;left:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;z-index:5}.view-counter{position:absolute;top:1.5rem;right:1.5rem;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);background:#0009;color:#e8f7ff;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;z-index:5}.debug-panel{width:min(320px,90vw);max-height:min(80vh,46rem);padding:1rem;border:1px solid rgba(255,255,255,.2);background:#000000b3;color:#e8f7ff;font-size:.9rem;display:grid;gap:.75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-panel.hidden{display:none}#mobile-controls{position:absolute;right:.75rem;bottom:.75rem;display:none;flex-direction:column;gap:.5rem;z-index:6}#mobile-controls button{width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#e8f7ff;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}#mobile-controls button:focus-visible,#mobile-controls button:active{opacity:.9;outline:1px solid rgba(142,249,255,.6);outline-offset:2px}@media (pointer: coarse){#mobile-controls{display:flex}}.debug-title{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.debug-panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.debug-tab{border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;padding:.45rem .35rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.debug-tab.active{border-color:#8ef9ffb3;background:#8ef9ff24}.debug-panel-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem}.debug-panel-section{display:grid;gap:.75rem}.debug-panel[data-mobile-section=transport] .debug-panel-section:not([data-debug-section=transport]),.debug-panel[data-mobile-section=effects] .debug-panel-section:not([data-debug-section=effects]),.debug-panel[data-mobile-section=render] .debug-panel-section:not([data-debug-section=render]){display:none}.debug-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.debug-row-actions{display:flex;flex:1;gap:.5rem;justify-content:flex-end}.debug-row select{flex:1;min-width:120px;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.2rem .4rem}.debug-row button{flex:1;min-width:120px;background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.2rem .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}#debug-effect-copy,#debug-apply-param-limits{width:100%;min-width:0;background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.25rem .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}#debug-apply-param-limits:disabled,#debug-effect-copy:disabled{opacity:.5;cursor:not-allowed}.debug-row button:disabled{opacity:.5;cursor:not-allowed}.debug-section-title{margin-bottom:.5rem;font-weight:600}.debug-grid{display:grid;gap:.5rem}.debug-field{display:grid;gap:.25rem;font-size:.75rem}.debug-field input,.debug-field select{width:100%;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.2rem .4rem}.debug-field input[type=checkbox]{width:auto;accent-color:#8ef9ff}.debug-limit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}#debug-effect-select{width:100%;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.2rem .4rem}.debug-toggle{justify-content:flex-start;gap:.5rem}.debug-toggle input{accent-color:#8ef9ff}.debug-empty{font-size:.75rem;color:#e8f7ffbf}#debug-effect-copy{width:100%;margin-bottom:.35rem;background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.25rem .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}#debug-effect-copy:disabled{opacity:.5;cursor:not-allowed}#debug-effect-copy-status{min-height:1.1rem;margin-bottom:.35rem}.debug-textarea{width:100%;min-height:160px;resize:vertical;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.5rem;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.4}.debug-error{font-size:.7rem;color:#ff7b7b}@media (pointer: coarse),(max-width: 900px){#debug-panels{top:.75rem;left:.75rem;right:.75rem}.debug-panel{width:min(100%,28rem);max-height:min(72vh,38rem);gap:.55rem;padding:.75rem}.debug-panel-scroll{padding-bottom:.2rem}.debug-row{align-items:flex-start;flex-direction:column;gap:.35rem}.debug-row button,.debug-row select{width:100%;min-width:0;min-height:2.5rem;font-size:.9rem}.debug-row-actions{width:100%;justify-content:stretch}.debug-tab,#debug-effect-copy{min-height:2.25rem}}.editor{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:.75rem;background:#02060aeb;border:1px solid rgba(142,249,255,.2);color:#d7f7ff;padding:.85rem;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.editor.hidden{display:none}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.editor-title{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.editor-actions{display:flex;gap:.5rem}.editor-actions button,.editor-transport button,.editor-add,.editor-scene-actions button,.editor-layer-actions button{background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:.35rem}.editor-body{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,2.45fr) minmax(260px,1fr);gap:.8rem;min-height:0;overflow:hidden;min-width:0}.editor-column{display:flex;flex-direction:column;gap:.75rem;min-height:0}.editor-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;overflow:hidden}.editor-top-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.8fr);gap:.6rem;align-items:stretch;min-width:0}.editor-top-panel{min-height:0;min-width:0;overflow:auto}.editor-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.editor-subsection-title{font-size:.72rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-search input{width:100%;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.42rem .5rem}.editor-scene-list-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.editor-sort-menu{position:relative}.editor-sort-trigger{cursor:pointer;list-style:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.editor-sort-menu[open] .editor-sort-flyout{display:grid}.editor-sort-flyout{position:absolute;right:0;top:calc(100% + .35rem);display:none;gap:.2rem;min-width:9rem;z-index:10;padding:.35rem;border:1px solid rgba(255,255,255,.2);background:#06080ef2}.editor-sort-flyout button{text-align:left}.editor-sort-flyout button.is-active{color:#8ef9ff}.editor-scene-list{overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem;min-height:0}.editor-scene-item{border:1px solid rgba(255,255,255,.15);padding:.45rem .55rem;display:grid;gap:.4rem;background:#0006;border-radius:.5rem}.editor-scene-item.is-selected{border-color:#8ef9ff;box-shadow:0 0 0 1px #8ef9ff4d}.editor-scene-select{background:transparent;border:none;color:inherit;text-align:left;font-weight:600;cursor:pointer;padding:0}.editor-scene-card-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem}.editor-scene-active-indicator{color:#8ef9ff;width:.8rem;font-size:.72rem}.editor-scene-kebab{background:transparent;color:#d7f7ffbf;border:0;cursor:default;padding:0 .15rem}.editor-scene-meta{display:flex;gap:.35rem;font-size:.7rem;color:#d7f7ffb3}.editor-scene-actions{display:flex;gap:.4rem}.editor-scene-actions-block{margin-top:auto;border:1px solid rgba(255,255,255,.15);background:#0000004d;padding:.5rem;display:grid;gap:.4rem}.editor-scene-actions-block button{text-align:left}.editor-add-scene{width:100%}.editor-timeline-view{border:1px solid rgba(255,255,255,.15);background:#00000059;padding:.5rem 1.05rem .65rem .5rem;display:grid;gap:.5rem;min-height:clamp(250px,36vh,460px);--editor-playlist-track-height: 2.3rem;min-width:0;overflow:hidden;position:relative}.editor-preview-panel{display:grid;gap:.45rem;min-width:0}.editor-preview-toolbar,.editor-preview-transport,.editor-preview-transport-controls{display:flex;align-items:center}.editor-preview-toolbar,.editor-preview-transport{justify-content:space-between}.editor-preview-transport-controls{gap:.35rem}.editor-preview-transport button,.editor-icon-button{background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:.35rem;padding:.25rem .45rem}.editor-preview{border:1px solid rgba(255,255,255,.15);background:#00000080;padding:.5rem;aspect-ratio:16 / 8;max-height:28vh;display:grid;place-items:center}.editor-preview canvas{width:100%;height:100%;display:block}.editor-ruler{position:relative;height:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.65rem;color:#d7f7ffb3}.editor-ruler span{position:absolute;transform:translate(-50%)}.editor-blocks{position:relative;height:6rem}.editor-playlist-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.editor-playlist-toolbar-actions{display:flex;gap:.35rem}.editor-playlist-toolbar-actions button{min-width:2rem}.editor-playlist-scroll{position:relative;min-height:min(46vh,520px);max-height:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),#00000047}.editor-playlist-scroll::-webkit-scrollbar{width:0;height:0}.editor-playlist-scrollbar{position:relative;height:.9rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:999px;overflow:hidden;margin-right:.9rem;z-index:2;position:sticky;bottom:0}.editor-playlist-vscrollbar{position:absolute;right:.2rem;top:3.9rem;bottom:2.1rem;width:.7rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:999px;overflow:hidden;z-index:3}.editor-playlist-vscrollbar-thumb{position:absolute;left:0;right:0;min-height:12%;background:#8ef9ff73;border:1px solid rgba(142,249,255,.8);border-radius:999px}.editor-playlist-scrollbar-thumb{position:absolute;top:0;bottom:0;left:0;min-width:6%;border-radius:999px;background:#8ef9ff73;border:1px solid rgba(142,249,255,.8);cursor:grab}.editor-playlist-scrollbar-handle{position:absolute;top:0;bottom:0;width:.45rem;background:#cffff273}.editor-playlist-scrollbar-handle-start{left:0;cursor:ew-resize}.editor-playlist-scrollbar-handle-end{right:0;cursor:ew-resize}.editor-playlist-scrollbar-thumb:active{cursor:grabbing}.editor-playlist-tracks{position:relative;min-height:calc(var(--playlist-track-count, 1) * var(--editor-playlist-track-height))}.editor-playlist-track{position:relative;height:var(--editor-playlist-track-height);border-bottom:1px dashed rgba(255,255,255,.12)}.editor-playhead{position:absolute;top:0;bottom:0;width:2px;background:#8ef9ff;box-shadow:0 0 10px #8ef9ffb3;pointer-events:none}.editor-playlist-track-label{position:absolute;left:.25rem;top:.25rem;font-size:.6rem;letter-spacing:.08em;color:#d7f7ff73}.editor-block{position:absolute;top:.3rem;bottom:.3rem;border-radius:.3rem;background:#8ef9ff26;border:1px solid rgba(142,249,255,.35);color:inherit;font-size:.7rem;padding:.2rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-playlist-clip{top:0;bottom:auto;height:calc(var(--editor-playlist-track-height) - .5rem);z-index:1;cursor:grab;-webkit-user-select:none;user-select:none}.editor-playlist-automation-line{position:absolute;top:.15rem;right:.2rem;bottom:.15rem;left:.2rem;pointer-events:none;opacity:.95}.editor-playlist-clip.is-dragging{opacity:.65;cursor:grabbing}.editor-playlist-zoom-controls{margin-left:auto;display:inline-flex;gap:.3rem}.editor-playlist-resize-handle{position:absolute;top:0;bottom:0;width:.45rem;cursor:ew-resize}.editor-playlist-resize-handle-start{left:0}.editor-playlist-resize-handle-end{right:0}.editor-block.is-selected{background:#8ef9ff4d}.editor-playlist-clip.is-compact{padding:.05rem;font-size:0}.editor-playlist-clip.is-compact:after{content:"";position:absolute;width:.28rem;height:.28rem;border-radius:999px;background:#d7f7fff2;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.editor-inspector-body{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;padding-right:.25rem;min-height:0;min-width:0}.editor-inspector-body>*{min-width:0}.editor-top-panel .editor-group{margin-bottom:.6rem}.editor-accordion-panel>summary{cursor:pointer;margin-bottom:.35rem}.editor-accordion-panel[open]>summary{color:#8ef9ff}.editor-inspector-header{display:flex;justify-content:space-between;align-items:center}.editor-icon-button{min-width:2rem}.editor-group{border:1px solid rgba(255,255,255,.15);padding:.6rem;display:grid;gap:.5rem;background:#00000059}.editor-group label{display:grid;gap:.25rem;font-size:.75rem}.editor-group input,.editor-group select,.editor-group textarea{width:100%;min-width:0;box-sizing:border-box;background:#0b0b0b;color:inherit;border:1px solid rgba(255,255,255,.2);padding:.3rem .4rem}.editor-cue-bulk{border:1px solid rgba(255,255,255,.15);padding:.5rem;display:grid;gap:.5rem}.editor-cue-bulk summary{cursor:pointer;font-size:.75rem;font-weight:600}.editor-cue-bulk textarea{min-height:100px}.editor-cue-bulk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.editor-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:40}.editor-modal-backdrop.is-hidden{display:none}.editor-modal{width:min(760px,90vw);max-height:85vh;overflow:auto;background:#0a0e14;border:1px solid rgba(255,255,255,.2);padding:.8rem}.editor-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.editor-modal-body{display:grid;gap:.6rem}.editor-generate-cues-trigger{position:absolute;left:.75rem;bottom:3.2rem;z-index:5}.editor-cue{border:1px solid rgba(255,255,255,.12);padding:.45rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;align-items:end}.editor-advanced textarea{min-height:90px;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.7rem}.editor-param-row,.editor-automation-row{display:grid;gap:.4rem;grid-template-columns:minmax(150px,1fr) minmax(210px,1.35fr) auto;align-items:end}.editor-param-key-field,.editor-param-value-field{display:grid;gap:.2rem}.editor-param-meta{font-size:.62rem;text-transform:uppercase;letter-spacing:.03em;color:#d7f7ffb8}.editor-param-add{display:grid;gap:.5rem;margin-top:.4rem}.editor-param-number{display:grid;gap:.3rem}.editor-param-stepper{display:grid;grid-template-columns:auto minmax(72px,1fr) auto;gap:.25rem;align-items:center}.editor-param-value-field [data-param-value-slot]{display:block}.editor-param-stepper button{min-height:30px;min-width:30px;padding:0 .55rem}.editor-param-stepper [data-param-value-number]{width:100%;min-height:30px;font-variant-numeric:tabular-nums}.editor-param-number [data-param-value-range]{width:100%;accent-color:#66f3ff}@media (max-width: 760px){.editor-param-row{grid-template-columns:1fr}.editor-param-row>button[data-action=remove-param]{justify-self:end}}.editor-note{font-size:.7rem;color:#d7f7ffb3}.editor-advanced-row summary{cursor:pointer;font-size:.74rem;letter-spacing:.06em}.editor-automation-header{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(140px,1fr) auto;gap:.4rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:#d7f7ffb3;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.editor-automation-actions-label{text-align:right}.editor-automation-list{display:grid;gap:.4rem;padding-bottom:.2rem;min-width:0}.editor-automation-row{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(120px,1fr) auto auto auto}.editor-automation-row input,.editor-automation-row select{font-variant-numeric:tabular-nums}@media (max-width: 1100px){.editor-automation-header,.editor-automation-row{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-automation-actions-label{text-align:left}}.editor-layer{border:1px solid rgba(255,255,255,.15);padding:.4rem;background:#00000040}.editor-layer summary{cursor:pointer;font-weight:600}.editor-layer-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.editor-transport{position:sticky;bottom:0;border-top:1px solid rgba(255,255,255,.15);padding-top:.5rem;background:#02060af2;z-index:2}.editor-transport-row{display:flex;align-items:center;gap:.75rem}.editor-toggle{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.editor-toggle input{accent-color:#8ef9ff}.editor-timestamp{font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.8rem}.editor-error{padding:.5rem .75rem;border:1px solid rgba(255,123,123,.6);color:#ffb3b3;background:#320a0a99;font-size:.75rem}.editor-error-inline{font-size:.7rem;color:#ffb3b3}.editor-empty{font-size:.8rem;color:#d7f7ffb3}.editor-loading{padding:1rem;font-size:.9rem}@media (max-width: 1100px){.editor-body,.editor-top-row{grid-template-columns:1fr}}#start-overlay[data-mode=end]{grid-auto-flow:row;gap:1rem;align-content:center}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.4rem;z-index:1}.overlay-actions.hidden{display:none}#overlay-start-button,#overlay-restart-button,#share-copy-button,.share-panel a,#add-doodle-button,#add-effect-idea-button{display:inline-flex;align-items:center;justify-content:center;min-width:12rem;position:relative;background:linear-gradient(180deg,#142d48f2,#070e1df5),#081424e0;color:#dffcff;border:1px solid rgba(142,249,255,.45);clip-path:polygon(.9rem 0,100% 0,calc(100% - .9rem) 100%,0 100%);padding:.85rem 1.45rem;font:inherit;font-size:.9rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #ffffff0a inset,0 0 18px #00ffff1f}#overlay-start-button:before,#overlay-restart-button:before,#share-copy-button:before,.share-panel a:before,#add-doodle-button:before,#add-effect-idea-button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 45%,rgba(255,255,255,.08));opacity:.35;pointer-events:none}#overlay-start-button{background:linear-gradient(180deg,#661c9df5,#14144cfa),#081424e0;border-color:#ff6eec94;color:#fff4ff;box-shadow:0 0 0 1px #ffffff0f inset,0 0 24px #ff00ff2e,0 0 44px #00d0ff1f}#overlay-share-button{position:fixed;left:50%;bottom:max(.9rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:8;min-width:auto;background:none;border:none;clip-path:none;box-shadow:none;padding:.15rem .35rem;color:#b4e7ffa8;font:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:.2rem;text-decoration-thickness:1px;cursor:pointer;opacity:.82}#overlay-share-button:before{content:none}#overlay-share-button:hover,#overlay-share-button:focus-visible,#overlay-start-button:hover,#overlay-start-button:focus-visible,#overlay-restart-button:hover,#overlay-restart-button:focus-visible,#share-copy-button:hover,#share-copy-button:focus-visible,.share-panel a:hover,.share-panel a:focus-visible,#add-doodle-button:hover,#add-doodle-button:focus-visible,#add-effect-idea-button:hover,#add-effect-idea-button:focus-visible{outline:none;border-color:#8ef9ffd9;box-shadow:0 0 24px #00ffff38}#overlay-share-button:hover,#overlay-share-button:focus-visible{border-color:transparent;box-shadow:none;color:#d4f8fff5;opacity:1}.doodle-actions button{display:inline-flex;align-items:center;justify-content:center;background:#081424e0;color:#dffcff;border:1px solid rgba(142,249,255,.45);border-radius:999px;padding:.75rem 1.3rem;font:inherit;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 18px #00ffff1f}.doodle-actions button:hover,.doodle-actions button:focus-visible{outline:none;border-color:#8ef9ffd9;box-shadow:0 0 24px #00ffff38}.doodle-actions button:disabled{cursor:not-allowed;opacity:.55;border-color:#8ef9ff33;box-shadow:none}#effect-idea-status[data-state=busy]{color:#8ef9ff;font-weight:600}@keyframes effect-idea-button-spin{to{transform:rotate(360deg)}}.share-status{min-height:1.1rem;color:#e8f7ffcc;font-size:.8rem;letter-spacing:.12em;text-align:center;text-transform:none}.share-status[data-state=error]{color:#ff9797}.share-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;max-width:min(780px,92vw)}.share-panel a{text-decoration:none}#overlay-restart-button{background:linear-gradient(180deg,#501a3bf2,#1a0920fa),#1c0c18f2}.doodle-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:#000000b8;z-index:7}.doodle-modal.hidden{display:none}.doodle-panel{width:min(92vw,720px);display:grid;gap:.85rem;padding:1.2rem;border:1px solid rgba(142,249,255,.25);background:#02060af2;box-shadow:0 0 32px #00000073}#effect-idea-modal .doodle-panel{max-height:min(92vh,56rem);overflow-y:auto;overscroll-behavior:contain}.doodle-title{font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:#e8f7ff}.doodle-copy,.doodle-status{margin:0;color:#e8f7ffd1;font-size:.88rem;line-height:1.5}.doodle-toolbar{display:grid;gap:.85rem;padding:.85rem .95rem;border:1px solid rgba(142,249,255,.12);background:#09111cb8}.doodle-tool-group{display:grid;gap:.45rem}.doodle-tool-label{color:#d7f7ffb8;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.doodle-swatches{display:flex;flex-wrap:wrap;gap:.55rem}.doodle-swatch{--doodle-swatch: #8ef9ff;width:2rem;height:2rem;min-width:2rem;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:var(--doodle-swatch);box-shadow:inset 0 0 0 1px #08101f80}.doodle-swatch.active,.doodle-swatch:hover,.doodle-swatch:focus-visible{outline:none;border-color:#8ef9ffeb;box-shadow:0 0 0 3px #8ef9ff2e,inset 0 0 0 1px #08101f73}.doodle-size-group{cursor:default}.doodle-size-row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}#doodle-brush-size{flex:1 1 220px;margin:0}.doodle-size-value{color:#e8f7ffe0;font-size:.82rem;white-space:nowrap}.doodle-status[data-state=error]{color:#ff9797}.doodle-status[data-state=success]{color:#9fffc5}#doodle-canvas{width:100%;max-width:100%;aspect-ratio:16 / 9;border:1px solid rgba(142,249,255,.22);background:linear-gradient(180deg,#08101f,#03060b);cursor:crosshair;touch-action:none}#effect-idea-input,#effect-idea-preview{width:100%;max-width:100%}#effect-idea-input{border:1px solid rgba(142,249,255,.22);background:#060c14e6;color:#e8f7ff;font:inherit;padding:.7rem;resize:vertical;min-height:10.5rem}#effect-idea-preview{aspect-ratio:16 / 9;border:1px solid rgba(142,249,255,.22);background:#040812}.effect-idea-preview-shell{display:grid;gap:.55rem}.effect-idea-preview-stage{position:relative}.effect-idea-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid rgba(142,249,255,.7);background:#040a12e6;color:#dffcff}.effect-idea-carousel-prev{left:.65rem}.effect-idea-carousel-next{right:.65rem}.effect-idea-busy-modal{width:100%;max-height:15.5rem;overflow:auto;display:grid;justify-items:center;gap:.35rem;padding:.7rem .85rem;border:1px solid rgba(142,249,255,.4);background:#040a12e6;box-shadow:0 0 28px #00000073}.effect-idea-busy-modal.is-error{border-color:#ff7d7de6;box-shadow:0 0 28px #ff005a59;animation:effect-idea-error-pulse .85s ease-in-out 2}.effect-idea-busy-spinner{width:1rem;height:1rem;border:2px solid rgba(142,249,255,.9);border-top-color:transparent;border-radius:50%;animation:effect-idea-button-spin .8s linear infinite}.effect-idea-busy-title{color:#dffcff;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.effect-idea-busy-copy{color:#d7f7ffe0;font-size:.76rem;text-align:center}.effect-idea-busy-effect-name{color:#ddfcffeb;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.effect-idea-busy-controls-toggle{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid rgba(142,249,255,.34);background:#08101de0;color:#e8f7ffe0;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;padding:.34rem .5rem}.effect-idea-busy-controls-toggle-icon{display:inline-grid;place-items:center;width:1rem;height:1rem;line-height:1}.effect-idea-busy-controls-toggle.is-expanded .effect-idea-busy-controls-toggle-icon{transform:rotate(90deg)}.effect-idea-busy-controls{width:100%;display:grid;gap:.3rem}.effect-idea-busy-controls .debug-grid{gap:.3rem}.effect-idea-busy-controls .debug-field{background:#08111dd6;border-color:#8ef9ff33;padding:.3rem .4rem}.effect-idea-busy-controls .debug-field span{font-size:.62rem}.effect-idea-busy-controls .debug-field input,.effect-idea-busy-controls .debug-field select{min-height:1.4rem;font-size:.68rem}.effect-idea-busy-controls .debug-empty{font-size:.68rem;color:#d7f7ffa6}#effect-idea-name{border:1px solid rgba(142,249,255,.22);background:#060c14e6;color:#e8f7ff;font:inherit;padding:.6rem .7rem}.effect-idea-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(3rem,14vw,6rem);font-weight:700;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.65);background:#02060a38}.effect-idea-countdown.shatter{animation:effect-idea-shatter .35s ease-out}@keyframes effect-idea-shatter{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(1.35);opacity:0;filter:blur(3px)}}@keyframes effect-idea-error-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.01)}}.effect-idea-code{margin:0;max-height:10rem;overflow:auto;padding:.7rem;border:1px solid rgba(142,249,255,.12);background:#09111cb8;color:#d7f7ffd9;font-size:.75rem}.effect-idea-controls{display:grid;gap:.6rem}.effect-idea-controls-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;color:#e8f7ffdb;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.effect-idea-controls-actions{display:inline-flex;flex-wrap:wrap;gap:.45rem}.effect-idea-controls-actions button{border:1px solid rgba(142,249,255,.34);background:#08101de0;color:#e8f7ffe0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .55rem;border-radius:0}.doodle-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.review-page-body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(20,70,96,.35),transparent 48%),#05070f}.review-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.review-card{width:min(92vw,760px);display:grid;gap:.95rem;padding:1.4rem;border:1px solid rgba(142,249,255,.25);background:#02060af2;box-shadow:0 0 32px #00000073}.review-eyebrow{margin:0;color:#8ef9ffc7;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.review-title{margin:0;color:#e8f7ff;font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:.06em;text-transform:uppercase}.review-copy,.review-meta{margin:0;color:#e8f7ffd1;line-height:1.6}.review-image-shell{position:relative;display:grid;place-items:center;min-height:220px;border:1px solid rgba(142,249,255,.22);background:linear-gradient(180deg,#08101f,#03060b)}.review-image{display:block;width:100%;max-height:min(70vh,560px);object-fit:contain;image-rendering:auto}.review-placeholder{padding:1rem;color:#e8f7ffad;text-align:center}.review-actions{justify-content:flex-end}.review-button{display:inline-flex;align-items:center;justify-content:center;min-width:8.5rem;text-decoration:none;background:#0e2e3ef2;color:#dffcff;border:1px solid rgba(142,249,255,.45);border-radius:999px;padding:.75rem 1.3rem;font:inherit;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 18px #00ffff1f}.review-button:hover,.review-button:focus-visible{outline:none;border-color:#8ef9ffd9;box-shadow:0 0 24px #00ffff38}.review-button-secondary{background:#1c0c18f2}.review-button.disabled{opacity:.45;pointer-events:none}.effect-review-preview{width:100%;max-width:100%;aspect-ratio:16 / 9;border:1px solid rgba(142,249,255,.22);background:#040812}.effect-review-code-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.effect-review-code-panel{display:grid;gap:.5rem}.effect-review-code-title{margin:0;color:#e8f7ffdb;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.effect-review-code{margin:0;max-height:20rem}.hidden{display:none!important}#doodle-submit{background:#0e2e3ef2}@media (max-width: 640px){.overlay-panel{width:min(94vw,32rem);gap:.85rem;padding:1.2rem 1rem 1.3rem}.overlay-actions>*{width:100%}.share-panel>*{flex:1 1 calc(50% - .65rem);text-align:center}.doodle-actions{justify-content:stretch}.doodle-actions button{flex:1 1 100%}.effect-review-code-grid{grid-template-columns:1fr}}