body{font-family:sans-serif}body,html{color:var(--fg-one);background-color:#000;margin:0;padding:0}#root{background:var(--bg-one);flex-direction:column;width:100dvw;height:100dvh;display:flex}:root{--bg-one:#080808;--bg-two:#161616;--bg-three:#1d1d1d;--bg-four:#3a3a3a;--diff-one:color-mix(in srgb, var(--bg-four) 15%, transparent);--diff-two:color-mix(in srgb, var(--bg-four) 30%, transparent);--diff-three:color-mix(in srgb, var(--bg-four) 45%, transparent);--hl-one:#aaff2a;--hl-two:#d5ff95;--hl-three:#57b400;--hl-four:#2d3f1d;--border:0px 0px 0 1px #fff3;--fg-one:#fff;--fg-two:#ffffff7a;--fg-dim:#ffffffb7;--fg-three:#cfa4ff}.x,.y,.fill,.gg{display:flex}:is(.x,.y,.fill,.gg).x{flex-direction:row}:is(.x,.y,.fill,.gg).y{flex-direction:column}:is(.x,.y,.fill,.gg).fill{flex-grow:1}:is(.x,.y,.fill,.gg).gg{gap:.5em}.label{opacity:.5;margin:.5em;font-size:small}button{all:unset;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;padding:.5em}button:hover{background-color:var(--diff-three)}hr{width:calc(100% - 1em);color:var(--diff-three);border-color:var(--diff-three)}*{scrollbar-width:thin;scrollbar-color:var(--diff-three) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--diff-two);border:2px solid var(--bg-one);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--hl-three)}::-webkit-scrollbar-thumb:active{background:var(--hl-one)}::-webkit-scrollbar-corner{background:0 0}.dropdown{display:inline-block;position:relative}.dropdown-trigger{background-color:var(--diff-two);color:inherit;cursor:pointer;font:inherit;border:0;border-radius:.3em;outline:none;justify-content:space-between;align-items:center;gap:.5rem;padding:2px 8px;display:flex}.dropdown-trigger:hover{background:var(--diff-three)}.dropdown-icon{width:13px;height:13px;transition:transform .2s}.dropdown-trigger.open .dropdown-icon{transform:rotate(-90deg)}.dropdown-menu{background:var(--bg-two);opacity:0;visibility:hidden;z-index:1000;border-radius:.3em;flex-direction:column;min-width:150px;padding:5px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 2px);left:0;transform:translateY(-6px);box-shadow:0 10px 15px -3px #0000001a}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--fg-one);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.3em;align-items:center;padding:5px .5em;display:flex}.dropdown-item:hover{background:var(--diff-two)}.settings-toggle{all:unset;cursor:pointer;box-sizing:border-box;border-radius:999px;align-items:center;width:36px;height:20px;padding:2px;transition:background .15s;display:flex}.settings-toggle[aria-checked=true]{background:var(--hl-three);justify-content:flex-end}.settings-toggle[aria-checked=false]{background:var(--diff-two);justify-content:flex-start}.settings-toggle-knob{border-radius:50%;width:16px;height:16px;transition:background .15s}.settings-toggle-knob.checked{background:var(--hl-two)}.settings-toggle-knob.unchecked{background:var(--fg-two)}.settings-select{background:var(--bg-three);color:var(--fg-one);border:var(--border);cursor:pointer;border-radius:4px;outline:none;padding:.35em .6em;font-family:inherit;font-size:.85em}.settings-brick{background:0 0;border-radius:6px;gap:.6em;padding:.9em 1em}.settings-brick:hover{background:var(--diff-one)}.settings-brick-row{justify-content:space-between;align-items:flex-start;gap:1em}.settings-brick-info{gap:.2em}.settings-brick-title{font-size:.9em;font-weight:600}.settings-brick-description{color:var(--fg-two);font-size:.82em;line-height:1.4}.settings-brick-control{flex-shrink:0;padding-top:2px}.settings-overlay{z-index:1000;background:#000000a8;justify-content:center;align-items:center;position:fixed;inset:0}.settings-dialog{background:var(--bg-one);width:min(880px,92vw);height:min(600px,86vh);box-shadow:0 20px 60px #0000009c, var(--border);border-radius:8px;overflow:hidden}.settings-header{border-bottom:1px solid var(--diff-two);flex:none;justify-content:space-between;align-items:center;padding:.7em 1em}.settings-header-title{align-items:center}.settings-title-text{font-size:.95em;font-weight:600}.settings-header-actions{align-items:center}.settings-search{background:var(--bg-three);border:var(--border);color:var(--fg-two);border-radius:5px;align-items:center;gap:.4em;width:220px;padding:.3em .6em}.settings-search-input{all:unset;color:var(--fg-one);flex:1;font-size:.85em}.settings-close-btn{border-radius:4px;justify-content:center;align-items:center;padding:.4em;display:flex}.settings-body{overflow:hidden}.settings-sidebar{border-right:1px solid var(--diff-two);flex:none;gap:.1em;width:200px;padding:.6em;overflow:auto}.settings-tab-btn{text-align:left;box-sizing:border-box;width:100%;color:var(--fg-dim);background:0 0;border-radius:5px;align-items:center;gap:.6em;padding:.5em .6em;font-size:.85em}.settings-tab-btn.active{background:var(--hl-four);color:var(--hl-two)}.settings-content{padding:0 0 1em;overflow:auto}.settings-section-label{margin:2em 1.8em .5em}.settings-bricks-list{gap:.1em;padding:0 .5em}.settings-empty{color:var(--fg-two);padding:1em;font-size:.85em}.topbar{border-bottom:1px solid var(--diff-three);justify-content:space-between;align-items:center}.topbar .dropdown-trigger{background-color:#0000;border:none;align-items:center;padding:.3em}.topbar .dropdown-trigger svg{opacity:.3}.topbar .raw_toggle{background-color:var(--diff-one);border-radius:.3em;align-items:center;gap:3px;margin:3px;padding:2px}.topbar .raw_toggle>*{border-radius:inherit;cursor:pointer;padding:3px .6em}.topbar .raw_toggle>*:hover{background-color:var(--diff-two)}.topbar .raw_toggle>*.active{background-color:var(--diff-three);color:var(--hl-one)}.topbar .btn{all:unset;color:var(--fg-two);cursor:pointer;background-color:#0000;border:none;padding:.5em .8em}.topbar .btn.alive{color:var(--hl-one)}.topbar .btn:hover{background-color:var(--diff-two)}.sidebar{border-right:1px solid var(--diff-three);width:350px}.sidebar .sidebar_sidebar{border-right:1px solid var(--diff-three)}.sidebar .sidebar_sidebar>*{all:unset;padding:1em}.sidebar .sidebar_sidebar>*:hover{background-color:var(--diff-two)}.sidebar .sidebar_sidebar>*.active{background-color:var(--diff-one);color:var(--hl-one)}.sidebar .quick_insert_tiles{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:.3em;display:grid}.sidebar .insert_tile{background:var(--bg-two);text-align:center;fill:var(--fg-one);border-radius:.3em;flex-direction:column;align-items:center;gap:.5em;padding:.7em;font-size:small;display:flex}.sidebar .insert_tile:hover{filter:brightness(1.2)}.sidebar .insert_tile svg{width:80%;height:18pt}.sidebar .insert_tile.active{background:var(--hl-four);fill:var(--hl-two);color:var(--hl-two)}.sidebar .sidebar_content{width:100%;height:100%}.sidebar .sidebar_page{padding:.5em}.previewContainer{justify-content:center;align-items:center;padding:1em;display:flex;overflow:hidden}.previewPage{color:#000;aspect-ratio:16/9;background-color:#fff;gap:1em;width:700px;padding:1em;display:flex;position:relative}.col{flex-direction:column;flex-grow:1;justify-content:center;width:0;min-width:0;transition:all .3s cubic-bezier(.075,.82,.165,1);display:flex}.media .node>*{object-fit:contain;width:fit-content;max-width:100%}.node{cursor:grab;border-radius:8px;outline:2px solid #0000;align-items:center;gap:.75em;display:flex;position:relative}.node:active{cursor:grabbing}.node [contenteditable=true]{cursor:text}.node img{object-fit:contain;width:100%;height:100%}.node:hover,.node.focused{outline:2px solid var(--hl-one);outline-offset:5px}.node.dragging{opacity:.4;transform:scale(.98)}.node.being-dragged{opacity:.3}.drag-handle{cursor:grab;color:var(--diff-three);z-index:10;opacity:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:22px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.node:hover .drag-handle{opacity:1;color:var(--hl-one)}.drag-handle:active{cursor:grabbing;color:var(--hl-two)}.node>:not(.drag-handle){flex:1;min-width:0}.text-node{flex:1}.drop-zone{pointer-events:none;opacity:0;background:#6366f11f;border:2px dashed #0000;border-radius:8px;flex-shrink:0;height:0;margin:0;transition:height .12s cubic-bezier(.075,.82,.165,1),margin .12s cubic-bezier(.075,.82,.165,1),border-color .12s cubic-bezier(.075,.82,.165,1),background .12s cubic-bezier(.075,.82,.165,1);overflow:hidden}.drop-zone.active{opacity:1;background:#6366f126;border-color:#6366f199;height:56px;margin:6px 0}.drop-zone.column-end{flex:1 0 auto}.node img,.node video{-webkit-user-drag:none;user-drag:none}.col.drag-over{background:#6366f10a;border-radius:12px}@keyframes dropPulse{0%,to{opacity:.7;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1.05)}}.text-node{outline:none;flex:1}.col:nth-child(2) *{text-align:right}.col:nth-child(2) .drag-handle{left:0;right:auto}.player_buttons{border-top:1px solid var(--diff-three);justify-content:space-between;align-items:center}.current_index_display{opacity:.5;padding:.5em;font-size:small}.node.spacer{border:2px dashed #0000;border-radius:8px;flex:1;min-height:40px;transition:border-color .15s,background-color .15s}.node.spacer.drop-target{border-color:var(--hl-one);background-color:rgba(var(--hl-one-rgb), .08)}.json_editor{height:100%}.json_editor_textarea{width:100%;height:100%;font:inherit;resize:none;box-sizing:border-box;color:inherit;background-color:#0000;border:none;outline:none;flex:1;padding:12px;font-family:monospace;font-size:1em}.json_editor_error{color:#c0392b;background:#fdecea;padding:6px 12px;font-family:monospace;font-size:12px}.ace_editor_container{width:100%;height:100%}.range{align-items:center;display:flex}.range input[type=range]{--track-height:6px;--thumb-size:18px;--track:var(--diff-two);--fill:var(--hl-one);--thumb:var(--bg-three);--thumb-border:var(--hl-one);appearance:none;width:100%;height:var(--thumb-size);cursor:pointer;background:0 0}.range input[type=range]::-webkit-slider-runnable-track{height:var(--track-height);background:linear-gradient(to right, var(--fill) 0, var(--fill) var(--progress), var(--track) var(--progress), var(--track) 100%);border-radius:999px}.range input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb);border:2px solid var(--thumb-border);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);border-radius:50%;transition:transform .15s,background .15s}.range input[type=range]:hover::-webkit-slider-thumb{background:var(--bg-four)}.range input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}.range input[type=range]::-moz-range-track{height:var(--track-height);background:var(--track);border-radius:999px}.range input[type=range]::-moz-range-progress{height:var(--track-height);background:var(--fill);border-radius:999px}.range input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb);border:2px solid var(--thumb-border);border-radius:50%;transition:transform .15s,background .15s}.range input[type=range]:hover::-moz-range-thumb{background:var(--bg-four)}.range input[type=range]:active::-moz-range-thumb{transform:scale(1.1)}.range-value{text-align:center;min-width:3em;color:var(--fg-one);font:500 14px system-ui}.headings_sidebar{border-left:1px solid var(--diff-three);width:350px;overflow-y:auto}.headings_sidebar .heading{padding:.5em}.headings_sidebar .heading:hover{background-color:var(--diff-one)}.headings_sidebar .heading>*{margin:0;font-size:1.5em}.headings_sidebar .heading.H2{font-size:.9em;font-weight:400}.headings_sidebar .heading.H3{font-size:.8em;font-weight:400}.input{background-color:var(--bg-two);min-width:0;color:var(--fg-one);border:none;border-radius:.3em;outline:none;padding:.5em}.inpgrp{justify-content:space-between;align-items:center;width:100%;margin-bottom:.2em;display:flex}.inpgrp .label{opacity:1;flex:1;width:fit-content}.inpgrp .input{flex:2;width:5em;margin-right:.5em}.focusedNodeEditor{grid-template-columns:max-content 1fr;align-items:center;gap:12px;display:grid}.quick_action_tiles{border-top:1px solid var(--diff-three);border-bottom:1px solid var(--diff-three);margin-bottom:.5em}.quick_action_tiles>*{flex-direction:row;align-items:center;gap:.3em;display:flex}.quick_action_tiles>*:not(:last-child){box-shadow:11px 0px 0 -10px var(--diff-three)}.quick_action_tiles>*:hover{box-shadow:none}.quick_action_tiles>* svg{color:var(--hl-one)}.quick_action_tiles>*.disabled{opacity:.5;pointer-events:none}.thrinput{align-items:center;gap:.3em;margin:.5em}summary{background-color:var(--bg-two);margin:.3em 0;padding:.2em .5em}.drop-indicator{background-color:var(--hl-one);min-width:3px;height:3px}.box{background-color:var(--diff-one);border-radius:.5em;margin:.5em;padding:.5em;display:block}.toggle_group{background-color:var(--bg-two);border-radius:.3em;margin-right:.5em}.toggle_group.seperate_inputs{background-color:#0000;gap:.3em}.toggle_group.wrap{flex-wrap:wrap}.toggle_group button{cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.3em;display:flex}.toggle_group button:hover{background-color:var(--diff-two)}.toggle_group button.active{background:var(--hl-four);color:var(--hl-two)}.timeline_container{flex-direction:row;display:flex;overflow-x:auto}.timeline_container .timeline{border-top:1px solid var(--diff-three);flex:1;gap:.5em;width:0;padding:.5em}.timeline_container .timeline_add{cursor:pointer;border:1px solid #0000;border-radius:.3em;justify-content:center;align-items:center;width:30pt;height:calc(40pt - 1em);padding:.5em;display:flex}.timeline_container .timeline_add:hover{background-color:var(--bg-two)}.timeline_container .timeline_item{background-color:var(--bg-two);border:1px solid var(--diff-three);-webkit-user-select:none;user-select:none;border-radius:.3em;width:55pt;height:calc(40pt - 1em);padding:.5em;position:relative;overflow:hidden}.timeline_container .timeline_item .thumb{z-index:1;object-fit:scale-down;width:100%;height:40pt;position:absolute;top:0;right:0}.timeline_container .timeline_item .remove{z-index:2;opacity:0;background-color:#0000003a;border-radius:.2em;align-items:center;padding:.3em;display:flex;position:absolute;top:.2em;right:.2em}.timeline_container .timeline_item:active{cursor:grabbing;opacity:.5;transform:rotate(-3deg)}.timeline_container .timeline_item>.index{font-size:small}.timeline_container .timeline_item.active{background-color:var(--hl-three)}.timeline_container .timeline_item:hover .remove{opacity:1}.timeline_container .timeline_item.dragging{opacity:.4}.timeline_container .timeline_item.drag_over{outline:2px dashed var(--hl-three)}.welcomer-root{--welcomer-card-bg:var(--bg-two,#161616);--welcomer-card-fg:var(--fg-one,#fff);--welcomer-muted:var(--fg-two,#ffffff7a);--welcomer-accent:var(--hl-one,#aaff2a);--welcomer-accent-fg:var(--bg-one,#080808);z-index:2147483000;font-family:inherit;position:fixed;inset:0}.welcomer-overlay{background:color-mix(in srgb, var(--bg-one,#080808) 25%, transparent);animation:.15s ease-out welcomer-fade;position:absolute;inset:0}.welcomer-highlight{box-shadow:0 0 0 1px var(--welcomer-accent), 0 0 0 9999px color-mix(in srgb, var(--bg-one,#080808) 65%, transparent);pointer-events:none;border-radius:4px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed}.welcomer-card{background:var(--welcomer-card-bg);color:var(--welcomer-card-fg);box-shadow:var(--border,0 0 0 1px #fff3), 0 12px 32px #00000080;box-sizing:border-box;border-radius:6px;width:300px;max-width:calc(100vw - 24px);padding:16px 18px;animation:.16s ease-out welcomer-pop;position:fixed}.welcomer-card--anchored{transition:top .18s,left .18s}.welcomer-card--centered{text-align:center;width:340px;padding:28px 24px 22px;top:50%;left:50%;transform:translate(-50%,-50%)}.welcomer-pager{letter-spacing:.04em;text-transform:uppercase;color:var(--hl-one,#aaff2a);opacity:.85;margin-bottom:10px;font-size:11px;font-weight:600}.welcomer-title{color:var(--fg-one,#fff);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.3}.welcomer-text{color:var(--fg-dim,#ffffffb7);margin:0;font-size:13.5px;line-height:1.5}.welcomer-actions{align-items:center;gap:2px;margin-top:14px;display:flex}.welcomer-actions--tour{justify-content:flex-end}.welcomer-actions--centered{justify-content:center;margin-top:20px}.welcomer-btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border-radius:4px;padding:.5em .9em;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .1s,opacity .1s}.welcomer-btn:active{opacity:.8}.welcomer-btn--primary{background:var(--welcomer-accent);color:var(--welcomer-accent-fg);font-weight:600}.welcomer-btn--primary:hover{background:var(--hl-two,#d5ff95)}.welcomer-btn--ghost{color:var(--fg-one,#fff);margin-right:auto}.welcomer-btn--ghost:hover{background-color:var(--diff-three,#3a3a3a73)}.welcomer-btn--ghost:disabled{opacity:.3;cursor:default;background-color:#0000}.welcomer-btn--text{color:var(--welcomer-muted)}.welcomer-btn--text:hover{background-color:var(--diff-three,#3a3a3a73);color:var(--fg-one,#fff)}.welcomer-actions--centered .welcomer-btn--primary{width:100%;padding:.7em 1em}@keyframes welcomer-fade{0%{opacity:0}to{opacity:1}}@keyframes welcomer-pop{0%{opacity:0;transform:scale(.97)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcomer-card--centered{animation:.18s ease-out welcomer-pop-center}@keyframes welcomer-pop-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}