:root{--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--bg:#0b0b0b;--panel:#111;--panel-2:#181818;--panel-3:#222;--border:#262626;--text:#ededed;--muted:#7d7d7d;--accent:#7cff6b;--accent-text:#0b0b0b;--danger:#ff5c5c;--c-media:#5aa9ff;--c-gen:#4fd1c5;--c-typo:#ffc857;--c-fx:#ff6b9d;--c-edit:#b48cff;--checker-a:#161616;--checker-b:#1f1f1f;--radius:6px;--radius-sm:4px;--sidebar-w:340px;--topbar-h:52px;--slider-track:1px;--slider-thumb:11px;--fs-xs:10px;--fs-sm:11.5px;--fs:13px;--fs-lg:15px;--tracking:.08em}:root[data-theme=light]{--bg:#f4f4f2;--panel:#fff;--panel-2:#f1f1ef;--panel-3:#e6e6e3;--border:#dcdcd8;--text:#151515;--muted:#767672;--accent:#1f9d4b;--accent-text:#fff;--danger:#d33c3c;--c-media:#1f6fd0;--c-gen:#0f9c8e;--c-typo:#c98a00;--c-fx:#d6336c;--c-edit:#7a4fd6;--checker-a:#e9e9e6;--checker-b:#f7f7f5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h2{margin:0;font-weight:600}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.block{width:100%;display:block}.app{grid-template-rows:var(--topbar-h) 1fr;height:100%;display:grid}.body{grid-template-columns:var(--sidebar-w) 1fr;min-height:0;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.preview{justify-content:center;align-items:center;min-height:0;padding:28px;display:flex;position:relative;overflow:hidden}.preview canvas{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,10px 10px;background-size:20px 20px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 20px 60px #00000073}.toast{background:var(--panel);border:1px solid var(--danger);border-radius:var(--radius);cursor:pointer;max-width:70%;font-size:var(--fs-sm);padding:10px 14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.toast pre{white-space:pre-wrap;font-family:var(--mono);color:var(--danger);margin:0 0 4px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:0 16px;display:flex}.brand{letter-spacing:var(--tracking);text-transform:uppercase;font-weight:700;font-size:var(--fs);color:var(--text);align-items:center;gap:10px;margin-right:6px;text-decoration:none;display:flex}.brand-logo{width:auto;height:26px;display:block}.brand:hover .brand-logo{filter:brightness(1.08)}.index-brand{vertical-align:middle;width:auto;height:22px;margin-right:10px}.group{align-items:center;gap:8px;display:flex}.group.right{margin-left:auto}.transport{flex:1;max-width:520px}.scrub{flex:1}.time{text-align:right;min-width:56px;font-size:var(--fs-sm)}.dur{font-size:var(--fs-sm);align-items:center;gap:4px;display:flex}.num{width:54px}.btn{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:var(--fs-sm);letter-spacing:.02em;white-space:nowrap;padding:6px 12px}.btn:hover:not(:disabled){background:var(--panel-3)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.btn.ghost{background:0 0}.btn.small{padding:4px 8px}.btn.icon{text-align:center;width:34px;padding:6px 0}.mini{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--fs-sm);background:0 0;border:0;padding:2px 5px;line-height:1}.mini:hover:not(:disabled){color:var(--text);background:var(--panel-3)}.mini:disabled{opacity:.3;cursor:default}.mini.danger:hover{color:var(--danger)}.select,.text,.num,.p-val{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);outline:none;padding:5px 8px}.select:focus,.text:focus,.num:focus,.p-val:focus{border-color:var(--muted)}textarea.text{resize:vertical;min-height:40px;font-family:var(--font)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track);background:var(--border)}input[type=range]::-moz-range-track{height:var(--slider-track);background:var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);background:var(--text);margin-top:calc((var(--slider-track) - var(--slider-thumb)) / 2);border:0;border-radius:50%}input[type=range]::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);background:var(--text);border:0;border-radius:50%}.param.animated input[type=range]::-webkit-slider-thumb{background:var(--accent)}.param.animated input[type=range]::-moz-range-thumb{background:var(--accent)}.switch{width:30px;height:16px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--panel-3);border-radius:16px;transition:all .15s;position:absolute;inset:0}.switch span:before{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:all .15s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{background:var(--accent-text);transform:translate(14px)}.stack{border-bottom:1px solid var(--border);padding:14px 16px 12px}.section-title{font-size:var(--fs-xs);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);margin:10px 0 6px}.section-title:first-child{margin-top:0}.row{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;margin-bottom:4px;padding:7px 8px;display:flex}.row:hover{background:var(--panel-2)}.row.active{background:var(--panel-2);border-color:var(--border)}.row.off .row-name{color:var(--muted);text-decoration:line-through}.row-kind{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);width:28px}.row.active .row-kind{color:var(--accent)}.row-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row-tools{opacity:0;gap:1px;display:flex}.row:hover .row-tools,.row.active .row-tools{opacity:1}.stack .select.block{margin-top:4px}.params{padding:14px 16px 30px}.params.empty{padding-top:20px}.params-head{margin-bottom:12px}.module-name{font-size:var(--fs-lg)}.params-head p{margin:4px 0 0;line-height:1.4}.presets{align-items:center;gap:6px;margin-bottom:12px;display:flex}.presets .select{flex:1;min-width:0}.pgroup{border-top:1px solid var(--border)}.group-title{cursor:pointer;font-size:var(--fs-xs);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);padding:10px 0 6px;list-style:none}.group-title::-webkit-details-marker{display:none}.group-title:after{content:"–";float:right}.pgroup:not([open]) .group-title:after{content:"+"}.group-body{padding-bottom:8px}.param{padding:6px 0 4px}.p-head{align-items:center;gap:6px;min-height:26px;display:flex}.p-label{font-size:var(--fs-sm);flex:1}.p-val{text-align:right;width:68px;padding:3px 6px}.anim-btn{border:1px solid var(--border);width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;padding:0;font-size:11px;line-height:1}.anim-btn:hover{color:var(--text)}.anim-btn.on{border-color:var(--accent);color:var(--accent)}.anim-btn.open{background:var(--panel-3)}.color-field{align-items:center;gap:6px;display:flex}.color-field input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:26px;height:22px;padding:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.color-field .p-val{text-align:left;width:76px}.anim-box{border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel-2);flex-direction:column;gap:6px;margin:6px 0 4px;padding:8px 10px;display:flex}.anim-row{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.anim-row>.muted{flex-shrink:0;width:52px}.anim-row .select{flex:1;min-width:0}.anim-row.key .p-val{width:60px}.anim-row.key .select{flex:0 0 74px}.anim-row .slider{flex:1}@media (width<=860px){.body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:45vh}.topbar{gap:10px;overflow-x:auto}.transport{max-width:none}}.zone{--zc:var(--muted);border-bottom:1px solid var(--border)}.zone-library{--zc:var(--c-gen)}.zone-layers{--zc:var(--c-media)}.zone-params{--zc:var(--c-edit);border-bottom:0}.zone-head{border-top:2px solid var(--zc);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.zone-title{font-size:var(--fs-xs);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--zc);font-weight:600}.zone-foot{padding:4px 16px 10px}.pad{padding:0 16px 12px}.search{width:130px;padding:3px 8px}.c-media{--kc:var(--c-media)}.c-gen{--kc:var(--c-gen)}.c-typo{--kc:var(--c-typo)}.c-fx{--kc:var(--c-fx)}.badge{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--kc,var(--muted));background:color-mix(in srgb, var(--kc,var(--muted)) 16%, transparent);white-space:nowrap;border-radius:3px;padding:2px 6px}.tabs{gap:2px;padding:0 16px;display:flex}.tab{font-size:var(--fs-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:6px 4px}.tab:hover{color:var(--text)}.tab.active{color:var(--kc);border-bottom-color:var(--kc);font-weight:600}.chips{max-height:190px;padding:8px 16px 4px;overflow-y:auto}.chip-group{margin-bottom:6px}.chip-cat{font-size:var(--fs-xs);color:var(--muted);letter-spacing:var(--tracking);text-transform:uppercase;margin:4px 0}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--kc);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;color:var(--text);padding:3px 8px}.chip:hover{background:color-mix(in srgb, var(--kc) 18%, var(--panel-2));border-color:var(--kc)}.layer-list{padding:4px 10px 10px}.layer{margin-bottom:4px}.layer .row{border-left:3px solid var(--kc)}.layer .row.active{border-color:var(--kc);background:color-mix(in srgb, var(--kc) 10%, var(--panel-2))}.layer.off>.row .row-name{color:var(--muted);text-decoration:line-through}.fx-list{border-left:1px dashed var(--border);margin:2px 0 2px 22px;padding-left:6px}.row.fx{border-left:3px solid var(--kc);margin-bottom:2px;padding:5px 8px}.row.fx.active{border-color:var(--kc);background:color-mix(in srgb, var(--kc) 10%, var(--panel-2))}.zone-params .module-name{color:var(--kc,var(--text))}.layer-box{border:1px solid var(--border);border-left:3px solid var(--kc);border-radius:var(--radius-sm);background:var(--panel-2);margin-bottom:12px;padding:8px 10px 6px}.layer-box .text,.layer-box .select{flex:1;min-width:0;padding:3px 8px}.layer-box .p-head{margin-bottom:4px}.font-select{flex-direction:column;gap:4px;display:flex}.font-tools{align-items:center;gap:8px;display:flex}.loop-toggle input{accent-color:var(--accent)}.trial-bar{border:1px dashed var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 8%, transparent);align-items:center;gap:8px;margin:4px 12px 10px;padding:6px 8px;display:flex}.trial-label{font-size:var(--fs-xs);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--accent)}.trial-name{min-width:0;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer.trial>.row,.row.fx.trial{border-style:dashed;border-color:var(--accent)}.layer.trial>.row .row-name,.row.fx.trial .row-name{font-style:italic}.keep-btn{background:var(--accent);color:var(--accent-text);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;border:0;padding:2px 7px;font-weight:600}.keep-btn:hover{filter:brightness(1.1)}.loop-note{font-size:var(--fs-sm);color:var(--accent);opacity:.85;white-space:nowrap;cursor:help}.index-link{font-weight:600}.index-overlay{z-index:50;background:var(--bg);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.index-head{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px;display:flex}.index-title{flex-direction:column;margin-right:auto;font-weight:600;display:flex}.index-head .search{width:min(320px,100%)}.index-jump{gap:2px;display:flex}.index-jump .tab{color:var(--kc);text-decoration:none}.index-body{padding:8px 20px 40px;overflow-y:auto}.index-hint{margin:6px 0 10px}.index-section{margin-top:18px}.index-h{color:var(--kc);border-bottom:2px solid var(--kc);margin-bottom:8px;padding-bottom:4px;font-size:18px}.index-cat{margin:10px 0 16px}.index-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.index-card{flex-direction:column;gap:4px;margin:0;display:flex}.index-thumb{border:1px solid var(--border);aspect-ratio:1;cursor:pointer;background:#16171b;border-radius:6px;padding:0;display:block;overflow:hidden}.index-thumb:hover{outline:2px solid var(--kc);outline-offset:1px}.index-thumb img{object-fit:cover;width:100%;height:100%;display:block}.index-wait{background:linear-gradient(110deg,#16171b 30%,#24262c 50%,#16171b 70%) 0 0/200% 100%;width:100%;height:100%;animation:1.2s linear infinite index-shimmer;display:block}@keyframes index-shimmer{to{background-position:-200% 0}}.index-card figcaption{align-items:center;gap:4px;display:flex}.index-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.scenes-backdrop{z-index:40;background:#0000008c;justify-content:center;align-items:flex-start;padding:60px 16px 16px;display:flex;position:fixed;inset:0}.scenes{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(860px,100%);max-height:calc(100vh - 80px);padding:16px 18px 20px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.scenes-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.scenes-save{flex-wrap:wrap;gap:8px;display:flex}.scenes-save .text{flex:1;min-width:200px}.scenes-note{margin:8px 0 0}.scenes-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:16px;display:grid}.scene-card{flex-direction:column;gap:6px;margin:0;display:flex}.scene-thumb{border:1px solid var(--border);aspect-ratio:1;cursor:pointer;background:#16171b;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.scene-thumb:hover{outline:2px solid var(--accent);outline-offset:1px}.scene-thumb img{object-fit:contain;width:100%;height:100%;display:block}.scene-card figcaption{flex-direction:column;gap:2px;display:flex}.scene-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.scene-tools{align-items:center;gap:4px;margin-top:2px;display:flex}