*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050506;--sidebar-bg: #0c0c0e;--section-bg: #111113;--surface-2: #1a1a1d;--accent: #7c3aed;--accent2: #a855f7;--accent-soft: rgba(124, 58, 237, .16);--accent-glow: rgba(124, 58, 237, .42);--lime: #d4ff1f;--text: #e7e7ec;--text-2: #c8c8d0;--text-dim: #8a8a93;--border: #242428;--input-bg: #161618;--left-w: 280px;--right-w: 300px;--top-h: 48px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 20px}html,body{height:100%;overflow:hidden;font-family:Inter,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:13px}#app{display:grid;grid-template-columns:var(--left-w) 1fr var(--right-w);grid-template-rows:var(--top-h) 1fr auto auto;height:100vh}.topbar{grid-column:1 / span 3;grid-row:1}.left-panel{grid-column:1;grid-row:2}.canvas-container{grid-column:2;grid-row:2}.right-panel{grid-column:3;grid-row:2}.widgets-strip{grid-column:1 / span 3;grid-row:3}.strudel-panel{grid-column:1 / span 3;grid-row:4}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff08;position:relative;z-index:10}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand h1{font-size:13px;font-weight:300;letter-spacing:3px;color:#e4e8f0b3;text-transform:uppercase;font-family:SF Mono,Menlo,Consolas,monospace;margin:0}.brand-logo{width:26px;height:26px;display:block}.topbar-center{display:flex;flex:1;justify-content:center;align-items:center;padding:0 16px;min-width:0}.topbar-actions{display:flex;gap:8px;align-items:center}.menu-dd{position:relative;display:inline-flex}.menu-dd-trigger[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.menu-dd-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:215px;padding:5px;background:var(--section-bg);border:1px solid var(--accent-soft);border-radius:8px;box-shadow:0 12px 32px #0009,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:2px}.menu-dd-panel[hidden]{display:none}.menu-dd-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:12px;text-align:left;white-space:nowrap;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.menu-dd-item:hover,.menu-dd-item:focus-visible{background:var(--accent);color:#fff;outline:none}.menu-dd-item.active{color:var(--lime)}.menu-dd-item svg{flex:0 0 auto;opacity:.85}.menu-dd-key{margin-left:auto;font-size:10px;opacity:.7;border:1px solid var(--border);border-radius:3px;padding:1px 5px}.menu-dd-item:hover .menu-dd-key{border-color:#fff6}.menu-dd-sep{height:1px;background:var(--border);margin:4px 2px}.bg-swatch{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:5px;overflow:hidden;cursor:pointer;padding:0;flex:0 0 auto}.bg-swatch:hover{border-color:var(--accent)}.bg-swatch[hidden]{display:none}.bg-swatch input[type=color]{width:150%;height:150%;margin:-25%;border:0;padding:0;background:none;cursor:pointer}.topbar-user{font-size:12px;color:var(--text-dim);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4px}.scene-launcher{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;height:32px;overflow:hidden;min-width:0;max-width:100%}.scene-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--text-dim);padding-right:4px;border-right:1px solid var(--border)}.scene-slots{display:flex;gap:3px}.scene-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:34px;max-width:80px;height:24px;padding:2px 6px;background:var(--input-bg);color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-family:inherit;cursor:pointer;transition:all .12s;overflow:hidden}.scene-slot:hover{border-color:var(--text-dim);color:var(--text)}.scene-slot.filled{color:var(--text)}.scene-slot.active{border-color:var(--lime);background:#d4ff1f1a;color:var(--lime);box-shadow:0 0 6px #d4ff1f4d}.scene-slot.pending{border-color:var(--lime);color:var(--lime);animation:scene-pending-pulse .6s ease-in-out infinite}@keyframes scene-pending-pulse{0%,to{box-shadow:0 0 2px #d4ff1f59;border-color:#d4ff1f8c}50%{box-shadow:0 0 9px #d4ff1fd9;border-color:var(--lime)}}@media(prefers-reduced-motion:reduce){.scene-slot.pending{animation:none;box-shadow:0 0 6px #d4ff1f8c}}.scene-num{font-size:8.5px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);line-height:1}.scene-slot.active .scene-num{color:var(--lime)}.scene-name{font-size:9px;letter-spacing:.2px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px}.scene-slot.empty .scene-name{opacity:.3}.scene-launcher.save-mode .scene-slot{border-color:var(--accent);box-shadow:0 0 4px var(--accent-glow)}.scene-save-btn{padding:4px 8px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;cursor:pointer;font-family:inherit;transition:all .12s}.scene-save-btn:hover{color:var(--text);border-color:var(--text-dim)}.scene-save-btn.active{color:#fff;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 6px var(--accent-glow)}.scene-io{display:flex;align-items:center;gap:3px}.scene-io-btn{background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim);border-radius:4px;width:22px;height:22px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.scene-io-btn:hover{color:var(--text);border-color:var(--text-dim)}.scene-io-btn svg{display:block}.scene-fade{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;padding-left:8px;border-left:1px solid var(--border);margin:0}.scene-fade input[type=range]{width:76px;margin:0}.scene-fade .val{color:var(--lime);font-variant-numeric:tabular-nums;min-width:36px}.scene-quantize{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;padding-left:8px;border-left:1px solid var(--border);margin:0}.scene-quantize select{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:9px;letter-spacing:.5px;padding:3px 4px;cursor:pointer;outline:none;transition:border-color .12s}.scene-quantize select:hover{border-color:var(--text-dim)}.scene-quantize select:focus{border-color:var(--accent)}.scene-pager{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim);letter-spacing:.5px;padding-left:8px;border-left:1px solid var(--border);margin:0}.scene-page-btn{background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim);border-radius:4px;width:20px;height:20px;line-height:1;font-size:9px;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.scene-page-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.scene-page-btn:disabled{opacity:.3;cursor:default}.scene-pager .val{color:var(--lime);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.left-panel,.right-panel{background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.left-panel{border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border)}.right-panel-header{padding:10px 16px;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border)}.panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.panel-scroll::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.panel-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:transparent}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}.zones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--border);background:var(--bg)}.zone-btn{background:transparent;color:var(--text-dim);border:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 1px 7px;font-size:9px;font-weight:600;letter-spacing:-.1px;text-transform:none;font-family:inherit;cursor:pointer;position:relative;min-width:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .15s,background .15s}.zone-btn>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.zone-btn svg{width:17px;height:17px}.zone-btn:not(.active):hover{background:#ffffff08}.zone-btn:hover{color:var(--text)}.zone-btn.active{color:var(--lime);background:#d4ff1f0d}.zone-btn.active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--lime);box-shadow:0 0 8px #d4ff1f99}.tabs{display:flex;gap:2px;padding:0 4px;border-bottom:1px solid var(--border);background:var(--bg);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.tabs::-webkit-scrollbar{height:0;display:none}.tabs.single{display:none}.tab{flex:0 0 auto;background:transparent;color:var(--text-dim);border:none;padding:9px 11px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;position:relative;white-space:nowrap;transition:color .15s,background .15s;font-family:inherit;border-radius:6px 6px 0 0}.tab.zone-hidden{display:none}.tab:hover{color:var(--text);background:#ffffff08}.tab.active{color:var(--lime)}.tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--lime);box-shadow:0 0 8px #d4ff1f80}.ctl-search{position:relative;display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--bg);color:var(--text-dim)}.ctl-search input{flex:1;min-width:0;background:var(--input-bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:11px;font-family:inherit;padding:4px 8px}.ctl-search input:focus{outline:none;border-color:var(--accent)}.ctl-search-results{position:absolute;top:100%;left:8px;right:8px;z-index:60;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000080;max-height:260px;overflow-y:auto}.ctl-search-hit{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:var(--text);font-size:11px;font-family:inherit;text-align:left;padding:7px 10px;cursor:pointer}.ctl-search-hit:hover,.ctl-search-hit:focus-visible{background:var(--accent);color:#fff;outline:none}.ctl-search-hit .hit-tab{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ctl-search-hit:hover .hit-tab{color:#fffc}.ctl-search-empty{padding:8px 10px;font-size:10px;color:var(--text-dim)}@keyframes ctl-flash-kf{0%,60%{outline-color:var(--lime);box-shadow:0 0 10px #d4ff1f59}to{outline-color:transparent;box-shadow:none}}.ctl-flash{outline:1px solid transparent;outline-offset:2px;border-radius:4px;animation:ctl-flash-kf 1.6s ease-out}.tab.active:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:2px;background:var(--lime);box-shadow:0 0 8px #d4ff1f99}.tab-body{display:none;padding:var(--space-lg) 14px var(--space-lg)}.tab-body.active{display:block;animation:tabIn .22s ease}@keyframes tabIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tab-body.active{animation:none}}.group{padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.group:last-child{border-bottom:none}.group-title{font-size:11px;font-weight:700;letter-spacing:1.1px;color:var(--text-2);text-transform:uppercase;margin-bottom:var(--space-md)}.group-title-split{display:flex;justify-content:space-between;align-items:baseline}.group-title.is-collapsible{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;margin-left:-4px;margin-right:-4px;padding:3px 4px;transition:background .12s,color .12s}.group-title.is-collapsible:hover{color:var(--text);background:#ffffff0a}.group-title.is-collapsible:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}.group-title.is-collapsible .group-chevron{flex:0 0 auto;width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease;opacity:.7}.group.group-collapsed>.group-title.is-collapsible .group-chevron{transform:rotate(-45deg)}.group.group-collapsed>:not(.group-title){display:none}.group.group-collapsed.fx-search-open>:not(.group-title){display:revert}.hint{font-size:10px;color:var(--text-dim);line-height:1.45;padding:7px 9px;margin-top:var(--space-md);background:#d4ff1f0a;border-left:2px solid var(--lime);border-radius:0 4px 4px 0;opacity:.85}.tab-body.grid-off .group-title:after{content:" — enable grid first";font-size:9px;color:var(--text-dim);opacity:.7;text-transform:none;letter-spacing:0;margin-left:4px}.group-hint{font-size:9px;font-weight:400;color:var(--text-dim);opacity:.6;text-transform:none;letter-spacing:.5px}.fx-header{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-md);margin-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.fx-search{display:flex;align-items:center;gap:6px;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:0 6px;transition:border-color .12s}.fx-search:focus-within{border-color:var(--text-dim)}.fx-search-ico{color:var(--text-dim);flex:0 0 auto}.fx-search input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:12px;padding:6px 2px}.fx-search input::placeholder{color:var(--text-dim)}.fx-search-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:3px;transition:color .12s,background .12s}.fx-search-clear:hover{color:var(--text);background:#ffffff0f}.fx-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.fx-count{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-variant-numeric:tabular-nums}.fx-count.has-active{color:var(--lime)}.fx-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0}.fx-reset-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .12s}.fx-reset-btn svg{flex:0 0 auto}.fx-reset-btn:hover{color:var(--lime);border-color:var(--lime)}.tab-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.fx-bypass-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .12s}.fx-bypass-btn svg{flex:0 0 auto}.fx-bypass-btn:hover{color:var(--text);border-color:var(--text-dim)}.fx-bypass-btn.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.fx-bypass-btn.active:hover{background:var(--accent2);border-color:var(--accent2);box-shadow:0 0 12px var(--accent-glow)}.fx-filter-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .12s}.fx-filter-btn svg{flex:0 0 auto}.fx-filter-btn:hover{color:var(--lime);border-color:var(--lime)}.fx-filter-btn.active{color:#0a0a14;background:var(--lime);border-color:var(--lime)}.fx-empty{font-size:10px;color:var(--text-dim);opacity:.8;padding:2px}.tab-body[data-tab=effects] .group.fx-group-hidden{display:none}.tab-body[data-tab=effects] .group label.fx-row-active{box-shadow:inset 2px 0 0 var(--lime);padding-left:8px;border-radius:0 3px 3px 0}.tab-body[data-tab=effects] .group label.fx-row-active .val{color:var(--lime)}.tab-body[data-tab=effects] .group label.subctl{margin-left:9px;padding-left:11px;border-left:2px solid color-mix(in srgb,var(--accent) 32%,transparent)}.right-panel .group{padding:12px 16px}.right-panel .group:first-child{padding-top:12px}label{display:block;font-size:12px;color:var(--text-2);margin-top:var(--space-md);position:relative}.val{float:right;margin-left:var(--space-sm);color:var(--accent2);font-weight:600;font-variant-numeric:tabular-nums;cursor:text}.val-edit{width:52px;padding:1px 4px;margin:-2px 0;font:inherit;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--lime);background:var(--input-bg);border:1px solid var(--accent);border-radius:3px;outline:none;vertical-align:baseline;-moz-appearance:textfield}.val-edit::-webkit-outer-spin-button,.val-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,var(--accent) 0% var(--range-fill, 0%),transparent var(--range-fill, 0%)),linear-gradient(var(--input-bg),#0e0e10);border:1px solid var(--border);border-radius:99px;box-shadow:inset 0 1px 2px #00000080;outline:none;margin-top:var(--space-sm);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent2),var(--accent));border:2px solid var(--sidebar-bg);box-shadow:0 1px 3px #0009;cursor:pointer;transition:transform .12s,box-shadow .12s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 0 0 5px var(--accent-soft),0 1px 3px #0009}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-glow)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent2),var(--accent));border:2px solid var(--sidebar-bg);box-shadow:0 1px 3px #0009;cursor:pointer;transition:transform .12s,box-shadow .12s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 0 0 5px var(--accent-soft)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:15px;height:15px;margin:0 6px 0 0;vertical-align:middle;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3 4.8 8.6 9.5 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:24px;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;padding:0;vertical-align:middle;margin-left:6px}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:16px;height:16px;margin-right:8px;border:1px solid var(--border);border-radius:5px;background:var(--input-bg);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}input[type=checkbox]:hover{border-color:var(--accent)}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.8 2.8L11 4.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.check-label{display:flex;align-items:center;cursor:pointer}select,.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 9px!important;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5' fill='none' stroke='%238a8a93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:11px!important;color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}select:hover,.select-input:hover{border-color:var(--accent);background-color:var(--surface-2)}select:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}select option{background:var(--section-bg);color:var(--text)}.select-input{width:100%;margin-top:6px}.text-input{background:var(--input-bg, #0e0e10);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:12px;padding:6px 9px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.text-input::placeholder{color:var(--text-dim)}.text-input:hover{border-color:var(--accent)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.app-tooltip{position:fixed;z-index:9999;max-width:260px;padding:5px 9px;background:var(--section-bg);border:1px solid var(--accent-soft);border-radius:6px;color:var(--text);font-size:11px;line-height:1.35;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff0a;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity .1s ease,transform .1s ease}.app-tooltip.show{opacity:1;transform:translateY(0)}.color-row{display:flex;gap:12px;margin-top:8px}.color-row label{flex:1;display:flex;align-items:center;gap:4px}.row{display:flex;gap:8px;margin-top:8px}.upload-area{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:8px;padding:20px 12px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;color:var(--text-dim)}.upload-area:hover,.upload-area.drag-over{border-color:var(--accent);background:#7c3aed0d}.upload-area.has-file{border-color:var(--accent);border-style:solid}.media-source-row{margin-top:8px;flex-wrap:wrap;row-gap:6px}.media-thumb-live:after{content:"LIVE";position:absolute;top:2px;left:2px;font-size:7px;font-weight:700;letter-spacing:1px;padding:1px 3px;background:#f87171;color:#fff;border-radius:2px;pointer-events:none}.media-thumb-live:before{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#f87171;box-shadow:0 0 6px #f87171;animation:live-blink 1.2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.2}}.media-thumb-3d{background:linear-gradient(135deg,#1a1340,#0a0a14)}.media-thumb-3d:after{content:"3D";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--accent);pointer-events:none}.media-library{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.media-library:empty{margin-top:0}.media-item{display:flex;align-items:center;gap:8px;padding:5px;background:var(--input-bg);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s}.media-item:hover{border-color:var(--border)}.media-item.active{border-color:#d4ff1f;background:#d4ff1f0f}.media-thumb{width:40px;height:40px;flex-shrink:0;background:#000;border-radius:3px;overflow:hidden;position:relative}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover;display:block}.media-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.media-name{font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-kind{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.media-item.active .media-kind{color:#d4ff1f}.media-del{width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.media-del:hover{background:#f8717126;color:#f87171}.btn{flex:1;padding:8px 12px;border:none;border-radius:7px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #00000073;transition:background .15s,box-shadow .15s,transform .08s}.btn:hover{background:var(--accent2);box-shadow:0 2px 12px var(--accent-glow)}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #00000073}.btn-ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);box-shadow:none}.btn-ghost:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft)}.btn:focus-visible,.zone-btn:focus-visible,.tab:focus-visible,.scene-slot:focus-visible,.scene-save-btn:focus-visible,.scene-io-btn:focus-visible,.look-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;position:relative}.canvas-container canvas{display:block;max-width:100%;max-height:100%}.scene-footer{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:14px 12px 10px;background:linear-gradient(to top,rgba(5,5,12,.66),transparent);pointer-events:none}.scene-footer .scene-launcher{pointer-events:auto;background:#0c0c16e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff0f;border-top:1px solid var(--accent-soft)}.scene-footer.bar-hidden{display:none}.scene-footer-tab{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:30;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--text-dim);background:#0c0c16b3;border:1px solid var(--border);border-radius:999px;padding:4px 12px;cursor:pointer}.scene-footer-tab:hover{color:var(--text);border-color:var(--accent)}.scene-footer-hide{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;line-height:1;padding:2px 4px}.scene-footer-hide:hover{color:var(--text)}.bg-menu-panel{min-width:200px}.bg-menu-row{display:flex;align-items:center;gap:8px;padding:6px 10px}.bg-menu-label{font-size:10px;color:var(--text-dim);min-width:34px}.bg-grad-type{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:10px;padding:2px 4px;max-width:96px}#blackoutOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;opacity:0;pointer-events:none;transition:opacity .12s linear}#blackoutOverlay.active{opacity:1;pointer-events:auto}.perf-hud{position:absolute;top:10px;left:10px;z-index:6;display:none;padding:3px 7px;font:600 11px/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.02em;color:var(--text);background:#0c0c109e;border:1px solid rgba(255,255,255,.12);border-radius:6px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.perf-hud.show{display:block}#btnBlackout.active{background:var(--text);border-color:var(--text);color:var(--bg)}#btnFreeze.active{background:var(--accent);border-color:var(--accent);color:#fff}#btnFreeze.active:hover{background:var(--accent2);border-color:var(--accent2)}#btnAutoShow.active{background:var(--accent);border-color:var(--accent);color:#fff}#btnAutoShow.active:hover{background:var(--accent2);border-color:var(--accent2)}.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.meter{display:flex;flex-direction:column;align-items:center;font-size:9px;letter-spacing:1px;color:var(--text-dim);gap:4px}.meter-bar{width:100%;height:36px;background:var(--input-bg);border-radius:2px;overflow:hidden;position:relative;display:flex;align-items:flex-end}.meter-bar i{display:block;width:100%;height:0%;background:linear-gradient(0deg,var(--accent) 0%,var(--accent2) 100%);transition:height 60ms linear}.meter-bar b{display:block;position:absolute;left:0;right:0;bottom:0%;height:2px;background:#f0ecff;box-shadow:0 0 4px var(--accent2);opacity:0;pointer-events:none;transition:bottom 90ms linear,opacity .12s linear}.mic-row{display:flex;align-items:center;gap:8px;margin-top:6px}.mic-row .btn{flex:0 0 auto}.mic-level{flex:1 1 auto;height:8px;background:var(--input-bg);border-radius:2px;overflow:hidden}.mic-level i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent2) 100%);transition:width 60ms linear}.pitch-readout{margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:4px;background:#ffffff05}.pitch-readout[hidden]{display:none}.pitch-head{display:flex;align-items:baseline;gap:8px}.pitch-note{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:600;line-height:1;color:var(--accent2);min-width:2.4em;transition:opacity .1s linear}.pitch-cents{font-size:11px;color:var(--text-dim);letter-spacing:.5px}.pitch-tuner{position:relative;height:6px;background:var(--input-bg);border-radius:3px;margin:8px 0 10px}.pitch-tuner:before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--border)}.pitch-tuner i{position:absolute;top:-3px;left:50%;width:3px;height:12px;background:var(--accent2);border-radius:2px;transform:translate(-50%);transition:left 80ms linear,background .12s linear}.pitch-conf-meter{flex-direction:row;align-items:center;gap:8px;width:100%;margin:4px 0}.pitch-conf-meter .meter-bar{height:8px;align-items:stretch}.pitch-conf-meter .meter-bar i{width:0%;height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent2) 100%);transition:width 80ms linear}.chroma-strip{display:flex;align-items:flex-end;gap:2px;height:30px;margin:6px 0 18px}.chroma-strip .cbar{flex:1 1 0;height:100%;position:relative;background:var(--input-bg);border-radius:1px;display:flex;align-items:flex-end}.chroma-strip .cbar i{display:block;width:100%;height:0%;border-radius:1px;background:linear-gradient(0deg,var(--accent) 0%,var(--accent2) 100%);transition:height 80ms linear}.chroma-strip .cbar span{position:absolute;bottom:-13px;left:0;right:0;text-align:center;font-size:7px;color:var(--text-dim)}.note-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.note-map-row{display:flex;align-items:center;gap:6px;min-width:0}.note-map-row .nm-note{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--accent2);width:1.9em;text-align:right;flex:0 0 auto}.note-map-row select{flex:1 1 auto;min-width:0;font-size:11px;padding:2px 4px}.note-map-row.nm-active .nm-note{color:var(--accent);text-shadow:0 0 6px var(--accent)}.strudel-panel{background:#080811;border-top:1px solid var(--border);display:flex;flex-direction:column;height:220px;min-height:40px;transition:height .2s ease}.strudel-panel.collapsed{height:36px}.strudel-panel.collapsed textarea{display:none}.strudel-header{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.strudel-title{font-size:12px;font-weight:700;letter-spacing:3px;color:#39ff14;text-shadow:0 0 4px rgba(57,255,20,.9),0 0 10px rgba(57,255,20,.6),0 0 20px rgba(57,255,20,.35);margin-right:14px;text-transform:lowercase;font-family:SF Mono,Menlo,Consolas,monospace}.strudel-controls{display:flex;align-items:center;gap:6px;flex:1}.strudel-status{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);margin-left:8px;padding:3px 9px;border-radius:5px;border:1px solid var(--border);background:#ffffff0a;font-variant-numeric:tabular-nums;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.strudel-status.live{color:var(--lime);background:#d4ff1f24;border-color:var(--lime);box-shadow:0 0 8px #d4ff1f4d}.strudel-status.error{color:#fff;background:#f8717129;border-color:#f87171;box-shadow:0 0 8px #f8717147}#strudelPlay{font-weight:700;box-shadow:0 2px 10px var(--accent-glow)}#strudelPlay:hover{transform:translateY(-1px)}.dj-strip{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding-left:10px;border-left:1px solid var(--border, #2a2a2a)}.dj-btn{background:#ffffff0a;border:1px solid var(--border);color:var(--text);font-weight:600;letter-spacing:.02em}.dj-btn:hover{border-color:var(--accent);color:#fff}.dj-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}@keyframes dj-pulse{0%,to{box-shadow:0 0 12px #d946ef66}50%{box-shadow:0 0 20px #d946efb3}}.dj-style,.dj-cue{background:#ffffff0d;border:1px solid var(--border, #2a2a2a);color:var(--text, #e8e8ea);padding:3px 6px;font-size:11px;border-radius:4px;font-family:inherit;cursor:pointer}.dj-style:disabled,.dj-cue:disabled{opacity:.4;cursor:not-allowed}.dj-now{padding:4px 8px;font-size:11px}.dj-status{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-dim, #888);min-width:60px;padding:2px 8px;border-radius:4px;background:#ffffff0a}.dj-arc{display:inline-flex;align-items:center;gap:6px}.dj-arc[hidden]{display:none}.dj-phase{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2, #a855f7);font-weight:600;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.dj-energy{display:inline-block;width:46px;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.dj-energy>i{display:block;height:100%;width:0%;border-radius:3px;background:#4ade80;transition:width .5s ease,background .5s ease}.beat-grid{display:inline-flex;align-items:center;gap:5px;margin-left:2px;padding:0 4px}.beat-dot{width:6px;height:6px;border-radius:50%;background:var(--border);border:1px solid var(--border);opacity:.55;transition:background .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out,opacity .12s ease-out}.beat-dot.active{background:var(--lime);border-color:var(--lime);opacity:1;transform:scale(1.15)}.beat-dot.downbeat.active{transform:scale(1.4);box-shadow:0 0 0 2px #d4ff1f59}.beat-grid.dj-live .beat-dot{opacity:.7}@media(prefers-reduced-motion:reduce){.beat-dot{transition:none}}.dj-status[data-state=off]{color:#888}.dj-status[data-state=connecting]{color:#fbbf24}.dj-status[data-state=thinking]{color:#a78bfa;animation:dj-thinking 1.4s ease-in-out infinite}.dj-status[data-state=live]{color:#4ade80}.dj-status[data-state=error]{color:#f87171}@keyframes dj-thinking{0%,to{opacity:.6}50%{opacity:1}}.dj-cog{padding:4px 8px;font-size:12px}.dj-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dj-dialog-backdrop[hidden]{display:none}.dj-dialog{background:var(--section-bg);border:1px solid var(--accent-soft);border-radius:8px;padding:22px 24px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0a}.dj-dialog h3{margin:0 0 8px;font-size:15px;font-weight:600;color:#e8e8ea}.dj-dialog-desc{font-size:12px;color:#9ca3af;margin:0 0 18px;line-height:1.5}.dj-dialog-desc code{background:#ffffff0f;padding:1px 5px;border-radius:3px;font-size:11px}.dj-dialog label{display:block;font-size:11px;color:#9ca3af;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.dj-dialog input{display:block;width:100%;margin-top:5px;padding:8px 10px;background:var(--input-bg, #0e0e10);border:1px solid var(--border);border-radius:6px;color:#e8e8ea;font-family:SF Mono,Menlo,monospace;font-size:12px;text-transform:none;letter-spacing:normal;transition:border-color .12s ease,box-shadow .12s ease}.dj-dialog input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dj-dialog-advanced{margin-top:14px;font-size:11px;color:#9ca3af}.dj-dialog-advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;color:var(--accent2, #a78bfa);letter-spacing:.04em}.dj-dialog-advanced summary:hover{color:var(--text)}.dj-dialog-advanced[open] summary{margin-bottom:8px}.dj-dialog-advanced label{margin-top:0}.dj-dialog .btn-link{background:transparent;border:none;color:var(--accent2, #a78bfa);font-size:10px;padding:2px 0;margin-top:4px;cursor:pointer;text-align:left;letter-spacing:.04em}.dj-dialog .btn-link:hover{color:var(--text);text-decoration:underline}.dj-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#7c3aed33,#000000d6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:welcomeFade .35s ease}.welcome-backdrop[hidden]{display:none}@keyframes welcomeFade{0%{opacity:0}to{opacity:1}}.welcome-card{background:linear-gradient(160deg,#16161f,#101018);border:1px solid var(--border);border-radius:16px;padding:38px 40px 30px;width:480px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 30px 80px #0009,0 0 0 1px #7c3aed26;animation:welcomeRise .42s cubic-bezier(.2,.8,.2,1)}@keyframes welcomeRise{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.welcome-backdrop,.welcome-card,.welcome-logo{animation:none}}.welcome-logo{width:56px;height:56px;margin-bottom:12px;filter:drop-shadow(0 0 14px rgba(124,58,237,.6));animation:welcomeSpin 20s linear infinite}@keyframes welcomeSpin{to{transform:rotate(360deg)}}.welcome-card h2{margin:0 0 10px;font-size:24px;font-weight:700;letter-spacing:.5px;color:#fff}.welcome-tagline{margin:0 auto 24px;font-size:13.5px;line-height:1.55;color:var(--text);max-width:390px}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.welcome-primary{background:var(--accent);border:none;color:#fff;font-weight:600;font-size:14px;padding:13px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .12s ease}.welcome-primary:hover{background:var(--accent2);transform:translateY(-1px)}.welcome-secondary{padding:11px;border-radius:10px;font-size:13px}.welcome-hint{margin:0;font-size:11.5px;color:var(--text-dim);line-height:1.5}.welcome-hint strong{color:var(--accent2)}.shortcuts-card{width:760px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:30px 32px 24px;text-align:left;position:relative;overflow-y:auto}.shortcuts-card h2{margin:0 0 4px;font-size:20px}.shortcuts-sub{margin:0 0 20px;font-size:12.5px;color:var(--text-dim)}.shortcuts-close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.shortcuts-close:hover{color:var(--text);border-color:var(--text-dim);background:#ffffff12}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}@media(max-width:640px){.shortcuts-grid{grid-template-columns:1fr}}.shortcuts-group-wide{grid-column:1 / -1}.shortcuts-group h3{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--lime)}.shortcuts-note{margin:-2px 0 8px;font-size:11.5px;color:var(--text-dim);line-height:1.45}.shortcuts-note strong{color:var(--text)}.shortcuts-row{display:flex;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px}.shortcuts-row:last-child{border-bottom:none}.shortcuts-row .sk{flex:0 0 38%;display:flex;flex-wrap:wrap;align-items:center;gap:3px;color:var(--text);font-size:11.5px}.shortcuts-row .sa{flex:1;color:var(--text-dim);line-height:1.4}.shortcuts-card kbd{display:inline-block;min-width:18px;padding:2px 6px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.3;text-align:center;color:var(--text);background:#1c1c2b;border:1px solid #2c2c45;border-bottom-width:2px;border-radius:5px;box-shadow:0 1px #00000059}.shortcuts-hint{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-dim);line-height:1.5}.shortcuts-hint strong{color:var(--accent2)}.shortcuts-hint kbd{display:inline-block;padding:1px 5px;font-size:10.5px;font-weight:600;color:var(--text);background:#1c1c2b;border:1px solid #2c2c45;border-radius:4px}.btn-sm{padding:4px 10px;font-size:11px;flex:0 0 auto}.layer-list{display:flex;flex-direction:column;gap:5px;margin:8px 0}.layer-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;row-gap:5px;padding:7px 8px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .12s ease,border-color .12s ease}.layer-row:not(.active):hover{background:#ffffff0f;border-color:#ffffff1f}.layer-row.active{border-color:var(--lime);background:#d4ff1f14}.layer-row.off{opacity:.45}.layer-row .layer-vis{display:inline-flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-dim, #8a8aa0);flex:0 0 auto}.layer-row .layer-vis:hover{color:var(--text, #e2e8f0)}.layer-row .layer-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;flex:0 0 auto;color:var(--text-dim, #8a8aa0)}.layer-row.active .layer-ico{color:var(--lime)}.layer-row .layer-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text, #e2e8f0)}.inline-rename{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;padding:0 4px;background:var(--bg, #0a0a14);color:var(--text, #e2e8f0);border:1px solid var(--lime, #b6ff3a);border-radius:3px;outline:none}.layer-row .layer-blend{font-size:10px;padding:1px 2px;flex:0 0 auto;max-width:66px;opacity:.7}.layer-row:hover .layer-blend,.layer-row.active .layer-blend{opacity:1}.layer-row .layer-opacity{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;opacity:0;transition:opacity .12s}.layer-row:hover .layer-opacity,.layer-row.active .layer-opacity{opacity:1}.layer-row .layer-op-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:3px;margin:0;background:#ffffff2e;border-radius:2px;outline:none;cursor:grab}.layer-row .layer-op-range:active{cursor:grabbing}.layer-row .layer-op-range::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--accent);border:1.5px solid var(--sidebar-bg);cursor:grab}.layer-row.active .layer-op-range::-webkit-slider-thumb{background:var(--lime)}.layer-row .layer-op-range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--accent);border:1.5px solid var(--sidebar-bg);cursor:grab}.layer-row.active .layer-op-range::-moz-range-thumb{background:var(--lime)}.layer-row .layer-op-val{font-size:9px;color:var(--text-dim, #8a8aa0);flex:0 0 auto;min-width:26px;text-align:right;font-variant-numeric:tabular-nums}.layer-row .layer-react{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0 1px;cursor:pointer;color:var(--text-dim, #8a8aa0);flex:0 0 auto;opacity:.55;transition:color .12s,opacity .12s}.layer-row:hover .layer-react,.layer-row.active .layer-react{opacity:1}.layer-row .layer-react:hover{color:var(--text, #e2e8f0)}.layer-row .layer-react.on{color:var(--lime);opacity:1}.layer-row .layer-actions{display:flex;gap:1px;flex:0 0 auto;opacity:0;transition:opacity .12s}.layer-row:hover .layer-actions,.layer-row.active .layer-actions{opacity:1}.layer-row .layer-actions button{background:none;border:none;color:var(--text-dim, #8a8aa0);cursor:pointer;font-size:11px;line-height:1;padding:2px 3px;border-radius:4px}.layer-row .layer-actions button:hover{color:var(--text, #e2e8f0);background:#ffffff1a}.layer-add-row{display:flex;gap:6px;align-items:center;margin-top:8px}.layer-add-row .select-input{flex:1 1 auto}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.look-btn{padding:0;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:inherit;transition:all .14s;text-align:center;overflow:hidden;display:flex;flex-direction:column}.look-swatch{width:100%;height:46px;display:block}.look-name{padding:5px 6px;line-height:1.2}.look-btn:hover{border-color:var(--accent2);color:#fff;background:#7c3aed2e;transform:translateY(-1px)}.look-btn:hover .look-swatch{filter:brightness(1.12)}.look-btn.active{border-color:var(--accent);color:#fff;background:#7c3aed42;box-shadow:inset 0 0 0 1px var(--accent),0 0 10px var(--accent-glow)}.btn-rec{background:#b91c1c!important;color:#fff!important;border-color:#ef4444!important}.cm-host{flex:1;min-height:0;overflow:hidden;background:#080811}.cm-host .cm-editor{height:100%;outline:none}.cm-host .cm-scroller{font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.55}.sound-map-header{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:10px;border-top:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase}.sound-map-hint{font-size:9px;font-weight:400;letter-spacing:.5px;color:var(--text-dim);opacity:.6;text-transform:none}.sound-map-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sound-map-empty{font-size:11px;color:var(--text-dim);font-style:italic;padding:8px 0;opacity:.6}.sound-chip{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--input-bg);border-radius:4px;border:1px solid transparent}.sound-chip-top{display:flex;align-items:center;gap:8px}.sound-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px #d4ff1fcc;opacity:.15;transition:opacity 40ms linear;flex-shrink:0}.sound-chip-name{flex:1;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-chip-drivers{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.driver-tag{display:inline-flex;align-items:center;gap:3px;background:var(--section-bg);border:1px solid var(--border);border-radius:3px;padding:2px 4px 2px 6px;font-size:9.5px;color:var(--text);letter-spacing:.3px}.driver-tag-x{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:0;font-size:13px;line-height:1;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.driver-tag-x:hover{background:#f8717126;color:#f87171}.driver-add{background:transparent;color:var(--lime);border:1px dashed var(--border);border-radius:3px;font-size:9.5px;padding:1px 3px;cursor:pointer;font-family:inherit}.driver-add:hover{border-color:var(--lime)}.sound-chip-motion{display:flex;align-items:center;gap:6px;padding-top:4px;border-top:1px dashed var(--border)}.sound-chip-motion-label{font-size:9.5px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;min-width:42px}.sound-chip-motion-sel{flex:1;background:var(--section-bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:10px;padding:2px 4px;font-family:inherit;outline:none;cursor:pointer}.sound-chip-motion-sel:focus{border-color:var(--lime)}.auto-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.auto-row{background:var(--input-bg);border:1px solid var(--border);border-radius:5px;padding:8px}.auto-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.auto-enable{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime);cursor:pointer}.auto-enable input{accent-color:var(--lime)}.auto-meter{width:28px;height:6px;background:var(--section-bg);border-radius:3px;position:relative}.auto-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.auto-sm{font-size:10px;color:var(--text-dim);letter-spacing:.5px}.auto-sm select{width:100%;margin-top:3px;background:var(--section-bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:10.5px;padding:3px 4px;font-family:inherit;outline:none;cursor:pointer}.auto-sm select:focus{border-color:var(--lime)}.auto-inline{display:flex;align-items:center;gap:6px;margin-top:5px;cursor:pointer}.auto-inline input{accent-color:var(--lime)}.auto-slider{display:block;font-size:10.5px;color:var(--text-dim);margin-top:6px}.auto-slider .val{float:right;color:var(--lime);font-variant-numeric:tabular-nums}.auto-slider input[type=range]{margin-top:4px}.tap-tempo-row{display:flex;align-items:center;gap:8px;margin-top:6px}.tap-tempo-btn,.sync-beat-btn{display:inline-flex;align-items:center;gap:5px;letter-spacing:.5px}.tap-tempo-btn.tapped,.sync-beat-btn.tapped{animation:tap-pulse .18s ease-out}@keyframes tap-pulse{0%{transform:scale(1);border-color:var(--lime);box-shadow:0 0 #d4ff1f80}50%{transform:scale(1.06);border-color:var(--lime);box-shadow:0 0 0 4px #d4ff1f00}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tap-tempo-btn.tapped,.sync-beat-btn.tapped{animation:none}}.midi-clock-status{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;letter-spacing:.4px;color:var(--lime);font-variant-numeric:tabular-nums}.midi-clock-status[hidden]{display:none}.midi-clock-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 5px #d4ff1fcc}.macro-name{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 0;font-family:inherit;outline:none;flex:1;max-width:60%}.macro-name:focus{border-color:var(--lime)}.macro-value{color:var(--lime);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700}.macro-knob{accent-color:var(--lime)}.macro-bindings{display:flex;flex-direction:column;gap:4px;margin-top:6px}.macro-binding{display:grid;grid-template-columns:1fr 48px 10px 48px 20px;gap:4px;align-items:center;font-size:10px}.macro-binding select,.macro-binding input{background:var(--section-bg);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:10px;padding:2px 4px;font-family:inherit;outline:none}.macro-binding input[type=number]{text-align:center;-moz-appearance:textfield}.macro-binding input::-webkit-outer-spin-button,.macro-binding input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.macro-del{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}.macro-del:hover{color:#f87171}.macro-add{margin-top:4px;background:transparent;color:var(--lime);border:1px dashed var(--border);border-radius:3px;font-size:10.5px;padding:3px;cursor:pointer;font-family:inherit}.macro-add:hover{border-color:var(--lime)}.cm-inline-slider{display:inline-flex;align-items:center;gap:6px;background:#7c3aed24;border:1px solid rgba(124,58,237,.45);border-radius:4px;padding:1px 6px;margin:0 1px;vertical-align:middle;line-height:1.25;cursor:default;-webkit-user-select:none;user-select:none;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;transition:border-color .12s,background .12s}.cm-inline-slider:hover{border-color:var(--accent2)}.cm-inline-slider.touched{background:#d4ff1f1f;border-color:#d4ff1f8c}.cm-inline-slider .cm-isl-name{color:var(--accent2);font-weight:600;letter-spacing:.3px;cursor:text}.cm-inline-slider.touched .cm-isl-name{color:var(--lime)}.cm-inline-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:3px;background:#ffffff2e;border-radius:2px;margin:0;cursor:grab;outline:none}.cm-inline-slider input[type=range]:active{cursor:grabbing}.cm-inline-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent2);border:1.5px solid #fff;cursor:grab}.cm-inline-slider.touched input[type=range]::-webkit-slider-thumb{background:var(--lime)}.cm-inline-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent2);border:1.5px solid #fff;cursor:grab}.cm-inline-slider .cm-isl-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600;min-width:28px;text-align:right}.widgets-strip{background:#0c0c16;border-top:1px solid var(--border);padding:8px 14px 10px;display:flex;flex-direction:column;gap:6px}.widgets-strip[hidden]{display:none}.widgets-strip-head{display:flex;align-items:center;gap:10px;font-size:10px}.widgets-strip-title{font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase}.widgets-strip-hint{color:var(--text-dim);opacity:.7;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widgets-strip-hint code{background:var(--input-bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--lime);font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px}.widgets-strip-clear{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;cursor:pointer;font-family:inherit}.widgets-strip-clear:hover{color:#f87171;border-color:#f87171}.widgets-strip-list{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.pattern-widget{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:6px 10px;min-width:180px;flex:0 0 auto;display:flex;flex-direction:column;gap:4px;transition:border-color .12s}.pattern-widget:hover{border-color:var(--text-dim)}.pattern-widget.touched{border-color:var(--lime)}.pattern-widget-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.pattern-widget-label{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--text);background:transparent;border:none;outline:none;padding:0;max-width:140px;min-width:40px;flex:1}.pattern-widget-label:focus{border-bottom:1px solid var(--lime)}.pattern-widget-value{color:var(--lime);font-variant-numeric:tabular-nums;font-weight:600;font-size:11px}.pattern-widget-range{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim)}.pattern-widget-range input[type=range]{flex:1;margin:0;height:4px;accent-color:var(--lime)}.pattern-widget-reset{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:10px;opacity:.4;padding:0 4px}.pattern-widget-reset:hover{opacity:1;color:var(--lime)}.gesture-preview{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border:1px solid var(--border);border-radius:4px;margin-top:8px;overflow:hidden}.gesture-preview video,.gesture-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gesture-preview.mirrored video,.gesture-preview.mirrored canvas{transform:scaleX(-1)}#handsPip{position:fixed;left:16px;bottom:16px;width:220px;max-width:30vw;z-index:9000;border-radius:6px;overflow:hidden;box-shadow:0 6px 24px #0000008c;background:#000;pointer-events:none}#handsPip .gesture-preview{margin-top:0;border-color:#ffffff38}#handsPip[hidden]{display:none}.gesture-preview-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);font-size:11px;line-height:1.5;text-align:center;padding:12px;opacity:.85;pointer-events:none;gap:6px}.gesture-preview-hint.loading{color:var(--lime);font-weight:600;opacity:1}.gesture-preview-hint.error{color:#f87171;font-weight:600;opacity:1}.gesture-preview-hint:before{content:"◎";font-size:32px;opacity:.4;font-style:normal}.gesture-preview-hint.loading:before{content:"⟳";animation:gp-spin 1s linear infinite;opacity:1}.gesture-preview-hint.error:before{content:"⚠";opacity:1}@keyframes gp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gesture-signals{display:flex;flex-direction:column;gap:3px;margin-top:6px}.gesture-signal{display:grid;grid-template-columns:72px 1fr 36px;gap:6px;align-items:center;font-size:10px}.gesture-signal-label{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}.gesture-signal-bar{height:8px;background:var(--section-bg);border-radius:2px;overflow:hidden;position:relative}.gesture-signal-bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(212,255,31,.4),var(--lime));transition:width 40ms linear}.gesture-signal-val{color:var(--lime);font-variant-numeric:tabular-nums;font-size:9.5px}.xy-pad{position:relative;width:100%;max-width:168px;aspect-ratio:1 / 1;margin:8px auto 0;background:var(--section-bg);border:1px solid var(--border);border-radius:6px;cursor:crosshair;touch-action:none;overflow:hidden}.xy-pad:focus-visible{outline:none;border-color:var(--accent)}.xy-pad-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.xy-pad-grid line{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}.xy-handle{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;left:50%;top:50%;border-radius:50%;background:var(--lime);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--lime),0 0 8px #d4ff1f66;pointer-events:none}.xy-readout{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px;color:var(--text-dim)}.xy-readout b{color:var(--lime);font-variant-numeric:tabular-nums;font-weight:600}.xy-readout i{font-style:normal;color:var(--text)}.midi-inputs{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.midi-device{font-size:9.5px;color:var(--lime);letter-spacing:.5px;background:#d4ff1f14;border:1px solid rgba(212,255,31,.3);border-radius:3px;padding:2px 6px}.midi-device-empty{color:var(--text-dim);background:transparent;border-color:var(--border);border-style:dashed}.midi-mappings{display:flex;flex-direction:column;gap:3px;margin-top:8px}.midi-empty{font-size:10px;color:var(--text-dim);font-style:italic;padding:6px 0;opacity:.6;line-height:1.4}.ctl-search-empty,.fx-empty,.sound-map-empty,.midi-empty{color:var(--text-dim);font-size:11px;font-style:italic;text-align:center;opacity:.8}.midi-mapping{display:grid;grid-template-columns:78px 10px 1fr 20px;gap:6px;align-items:center;font-size:10.5px;padding:4px 6px;background:var(--input-bg);border:1px solid var(--border);border-radius:3px}.midi-cc{color:var(--lime);font-variant-numeric:tabular-nums;letter-spacing:.5px;font-weight:600}.midi-arrow{color:var(--text-dim);text-align:center}.midi-target{color:var(--text)}.gesture-mapping{grid-template-columns:70px 10px minmax(0,1fr) minmax(0,88px) 22px 20px}.gesture-latch{display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.4;font-size:12px}.gesture-latch input{display:none}.gesture-latch:has(input:checked){opacity:1}.gesture-mapping .midi-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gesture-mapping .gesture-scope{font-size:10px;padding:2px 4px;max-width:100%}.gesture-mapping .gesture-scope-na{color:var(--text-dim);text-align:center;opacity:.6}.midi-mapping-scoped{grid-template-columns:80px 10px minmax(0,1fr) minmax(0,84px) 20px}.midi-mapping-scoped .midi-cc{white-space:nowrap}.midi-del{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}.midi-del:hover{color:#f87171}.midi-learn{margin-top:8px;padding:8px;background:var(--accent-soft);border:1px dashed var(--accent);border-radius:4px;font-size:10.5px;color:var(--accent2);display:flex;align-items:center;justify-content:space-between;gap:6px;animation:midi-pulse 1.2s ease-in-out infinite}@keyframes midi-pulse{0%,to{border-color:#7c3aed66}50%{border-color:#7c3aede6}}.midi-learn-row{display:flex;flex-wrap:wrap;gap:6px;row-gap:8px;margin-top:8px;align-items:flex-end}.midi-learn-row .auto-sm select,.midi-learn-row .btn-sm{height:24px;padding-top:0;padding-bottom:0;box-sizing:border-box}.toast-stack{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:6px;z-index:10000;pointer-events:none}.toast{background:#0e0e18f5;border:1px solid var(--border);border-radius:6px;padding:8px 16px;font-size:12px;color:var(--text);box-shadow:0 8px 24px #00000080;max-width:440px;animation:toast-in .18s ease-out;letter-spacing:.3px;display:flex;align-items:center;gap:8px;pointer-events:auto}.toast.leaving{animation:toast-out .2s ease-in forwards}.toast-icon{font-size:13px;line-height:1}.toast.success{border-color:#d4ff1f80}.toast.success .toast-icon{color:var(--lime)}.toast.info{border-color:#7c3aed80}.toast.info .toast-icon{color:var(--accent2)}.toast.error{border-color:#f8717199;background:#1e0a0af2}.toast.error .toast-icon{color:#f87171}.toast.error{color:#fbbcbc}#glLostBanner{position:fixed;top:0;left:0;right:0;z-index:100000;padding:12px 20px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.3px;color:#fff;background:#8c1414f7;border-bottom:1px solid rgba(248,113,113,.7);box-shadow:0 6px 24px #0009;pointer-events:none}#glLostBanner[hidden]{display:none}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(8px);opacity:0}}@media(max-width:1100px){:root{--left-w: 240px;--right-w: 240px}}@media(max-width:880px){:root{--left-w: 220px;--right-w: 0px}.right-panel{display:none}#app{grid-template-columns:var(--left-w) 1fr}.topbar,.strudel-panel{grid-column:1 / span 2}}select option,select optgroup{background:var(--input-bg);color:var(--text)}body.fullscreen-visual .topbar,body.fullscreen-visual .left-panel,body.fullscreen-visual .right-panel,body.fullscreen-visual .widgets-strip,body.fullscreen-visual .strudel-panel,body.fullscreen-visual .toast-stack{display:none!important}body.fullscreen-visual #app{grid-template-columns:1fr;grid-template-rows:1fr}body.fullscreen-visual .canvas-container{grid-column:1 / -1;grid-row:1 / -1;width:100vw;height:100vh}