:root,[data-clip-theme=ms]{--color-accent: #ffaa44;--color-accent-hover: #ffcc66;--color-seek: #4488ff;--color-seek-hover: #66aaff;--color-seek-dim: #4488ff80;--color-seek-bg: rgba(68,136,255,.15);--color-seek-bg-soft: rgba(68,136,255,.08);--color-input: #ffaa44;--color-input-hover: #ffcc66;--color-input-dim: #ffaa4480;--color-input-bg: rgba(255,170,68,.15);--color-input-bg-soft: rgba(255,170,68,.08);--color-choreo: #44cc66;--color-choreo-hover: #66ee88;--color-choreo-dim: #44cc6680;--color-choreo-bg: rgba(68,204,102,.15);--color-choreo-bg-soft: rgba(68,204,102,.08);--color-seek-mini: rgba(68,136,255,.35);--color-input-mini: rgba(255,170,68,.35);--color-choreo-mini: rgba(68,204,102,.35)}[data-clip-theme=wr]{--color-seek: #696FC7;--color-seek-hover: #8388d8;--color-seek-dim: #696FC780;--color-seek-bg: rgba(105,111,199,.15);--color-seek-bg-soft: rgba(105,111,199,.08);--color-input: #F5D3C4;--color-input-hover: #f8e2d6;--color-input-dim: #F5D3C480;--color-input-bg: rgba(245,211,196,.15);--color-input-bg-soft: rgba(245,211,196,.08);--color-choreo: #F2AEBB;--color-choreo-hover: #f6c5ce;--color-choreo-dim: #F2AEBB80;--color-choreo-bg: rgba(242,174,187,.15);--color-choreo-bg-soft: rgba(242,174,187,.08);--color-seek-mini: rgba(105,111,199,.35);--color-input-mini: rgba(245,211,196,.35);--color-choreo-mini: rgba(242,174,187,.35)}[data-clip-theme=indigo]{--color-seek: #1B1B3A;--color-seek-hover: #2e2e5a;--color-seek-dim: #1B1B3A80;--color-seek-bg: rgba(27,27,58,.15);--color-seek-bg-soft: rgba(27,27,58,.08);--color-input: #693668;--color-input-hover: #854882;--color-input-dim: #69366880;--color-input-bg: rgba(105,54,104,.15);--color-input-bg-soft: rgba(105,54,104,.08);--color-choreo: #A74482;--color-choreo-hover: #c05a9a;--color-choreo-dim: #A7448280;--color-choreo-bg: rgba(167,68,130,.15);--color-choreo-bg-soft: rgba(167,68,130,.08);--color-seek-mini: rgba(27,27,58,.35);--color-input-mini: rgba(105,54,104,.35);--color-choreo-mini: rgba(167,68,130,.35)}[data-clip-theme=taupe]{--color-seek: #776D5A;--color-seek-hover: #918672;--color-seek-dim: #776D5A80;--color-seek-bg: rgba(119,109,90,.15);--color-seek-bg-soft: rgba(119,109,90,.08);--color-input: #987D7C;--color-input-hover: #ae9594;--color-input-dim: #987D7C80;--color-input-bg: rgba(152,125,124,.15);--color-input-bg-soft: rgba(152,125,124,.08);--color-choreo: #A09CB0;--color-choreo-hover: #b5b2c2;--color-choreo-dim: #A09CB080;--color-choreo-bg: rgba(160,156,176,.15);--color-choreo-bg-soft: rgba(160,156,176,.08);--color-seek-mini: rgba(119,109,90,.35);--color-input-mini: rgba(152,125,124,.35);--color-choreo-mini: rgba(160,156,176,.35)}[data-clip-theme=charcoal]{--color-seek: #C1C1C1;--color-seek-hover: #d4d4d4;--color-seek-dim: #C1C1C180;--color-seek-bg: rgba(193,193,193,.15);--color-seek-bg-soft: rgba(193,193,193,.08);--color-input: #2C4251;--color-input-hover: #3d5a6e;--color-input-dim: #2C425180;--color-input-bg: rgba(44,66,81,.15);--color-input-bg-soft: rgba(44,66,81,.08);--color-choreo: #D16666;--color-choreo-hover: #dc8282;--color-choreo-dim: #D1666680;--color-choreo-bg: rgba(209,102,102,.15);--color-choreo-bg-soft: rgba(209,102,102,.08);--color-seek-mini: rgba(193,193,193,.35);--color-input-mini: rgba(44,66,81,.35);--color-choreo-mini: rgba(209,102,102,.35)}[data-clip-theme=chiffon]{--color-seek: #D3D2C7;--color-seek-hover: #e2e1d8;--color-seek-dim: #D3D2C780;--color-seek-bg: rgba(211,210,199,.15);--color-seek-bg-soft: rgba(211,210,199,.08);--color-input: #E2E1B9;--color-input-hover: #ebeacb;--color-input-dim: #E2E1B980;--color-input-bg: rgba(226,225,185,.15);--color-input-bg-soft: rgba(226,225,185,.08);--color-choreo: #D16666;--color-choreo-hover: #dc8282;--color-choreo-dim: #D1666680;--color-choreo-bg: rgba(209,102,102,.15);--color-choreo-bg-soft: rgba(209,102,102,.08);--color-seek-mini: rgba(211,210,199,.35);--color-input-mini: rgba(226,225,185,.35);--color-choreo-mini: rgba(209,102,102,.35)}[data-clip-theme=tropical]{--color-seek: #FFBA49;--color-seek-hover: #ffca6e;--color-seek-dim: #FFBA4980;--color-seek-bg: rgba(255,186,73,.15);--color-seek-bg-soft: rgba(255,186,73,.08);--color-input: #20A39E;--color-input-hover: #2fc0ba;--color-input-dim: #20A39E80;--color-input-bg: rgba(32,163,158,.15);--color-input-bg-soft: rgba(32,163,158,.08);--color-choreo: #D16666;--color-choreo-hover: #dc8282;--color-choreo-dim: #D1666680;--color-choreo-bg: rgba(209,102,102,.15);--color-choreo-bg-soft: rgba(209,102,102,.08);--color-seek-mini: rgba(255,186,73,.35);--color-input-mini: rgba(32,163,158,.35);--color-choreo-mini: rgba(209,102,102,.35)}[data-accent=salmon]{--color-accent: #e8837c;--color-accent-hover: #f0a09b}[data-accent=teal]{--color-accent: #5bb8b0;--color-accent-hover: #7dcdc6}[data-accent=white]{--color-accent: #ffffff;--color-accent-hover: #cccccc}*{margin:0;padding:0;box-sizing:border-box}button:focus-visible,select:focus-visible,input:focus-visible{outline:1.5px solid var(--color-accent);outline-offset:1px}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:PT Sans,sans-serif;color:#aaa}#app{display:flex;width:100%;height:calc(100% - 58px);margin-top:58px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}#app.tl-open{height:calc(100% - 150px)}.panel{flex:1;position:relative;overflow:hidden;transition:flex .3s cubic-bezier(.4,0,.2,1)}.panel canvas{width:100%;height:100%;display:block}.panel-label{position:absolute;top:12px;left:12px;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#555;z-index:10;pointer-events:none}.tl-debug-btn{background:none;border:none;font-size:12px;cursor:pointer;pointer-events:auto;color:#888;padding:0 2px;vertical-align:middle}.tl-debug-btn:hover{color:#ccc}.tl-debug-btn.active{color:#0f0}.tl-debug-overlay{position:absolute;top:36px;left:12px;z-index:20;background:#000000d9;color:#0f0;font-family:monospace;font-size:11px;line-height:1.5;padding:8px 12px;border-radius:4px;pointer-events:none;white-space:pre;min-width:260px}.scene-cam-toggle{display:flex;gap:2px;pointer-events:auto!important}.cam-btn{cursor:pointer;color:#555;padding:2px 4px;transition:color .15s ease}.cam-btn:hover{color:#999}.cam-btn.active{color:#fff}.pt-samples{position:absolute;bottom:28px;left:8px;font-size:11px;color:#aaa;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums}.divider{width:1px;background:#222}#debug-header{position:fixed;top:0;left:0;z-index:101;width:340px;height:58px;display:flex;align-items:center;background:#0a0a0ae6;padding:0 14px}#debug-btn-group{display:flex;gap:4px;margin-left:auto;flex-shrink:0}#debug-btn-group button{width:24px;height:24px;border:1px solid #444;border-radius:3px;background:#0a0a0ae6;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-size:11px;letter-spacing:1.5px}#debug-btn-group button:hover{color:#fff;border-color:#888}#debug-toggle.active,#debug-side-toggle.active,#debug-filter.active{color:var(--color-accent);border-color:var(--color-accent)}#debug-btn-group button svg{display:block}.debug-popover{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(2px);background:#1a1a1a;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:11px;color:#ccc;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:300}.debug-popover.visible{opacity:1;transform:translate(-50%) translateY(6px)}.debug-popover kbd{display:inline-block;background:#333;border:1px solid #666;border-radius:3px;padding:0 4px;margin-left:6px;font-family:inherit;font-size:10px;color:#fff;line-height:16px;min-width:16px;text-align:center}#debug-header.side-right{left:auto;right:0}#debug-panel.side-right{left:auto;right:0;border-right:none;border-left:1px solid #333;transform-origin:top right}#debug-panel{position:fixed;top:58px;left:0;z-index:99;width:340px;height:calc(100vh - 58px);overflow-y:auto;background:#0a0a0ae6;border-right:1px solid #333;padding:10px 14px 200px;font-size:13px;transform-origin:top left;transition:transform .2s ease,opacity .2s ease;transform:scale(1);opacity:1;scrollbar-width:thin;scrollbar-color:#333 transparent}#debug-panel::-webkit-scrollbar{width:5px}#debug-panel::-webkit-scrollbar-track{background:transparent}#debug-panel::-webkit-scrollbar-thumb{background:#333;border-radius:3px}#debug-panel::-webkit-scrollbar-thumb:hover{background:#555}#debug-panel.hidden{transform:scale(.95,.98);opacity:0;pointer-events:none}#debug-panel-title{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#fff}#debug-panel-title .title-text{line-height:1.3}#debug-panel-title .title-sub{font-size:11px;letter-spacing:1px;opacity:.6}#debug-panel-title .title-version{opacity:.5;transition:color .2s ease,opacity .2s ease}#debug-panel-title .title-version:hover{opacity:.8;color:var(--color-accent)}#debug-panel-title .title-version.version-new{color:var(--color-accent);opacity:1;animation:version-pulse 2s ease-in-out infinite}@keyframes version-pulse{0%,to{opacity:1}50%{opacity:.4}}.neo-icon{width:36px;height:36px;flex-shrink:0;cursor:pointer;margin-top:-2px}.neo-s{fill:none;stroke:#fff;stroke-width:32;opacity:0;stroke-dasharray:300;stroke-dashoffset:300}.neo-filled{fill:#fff;stroke:none;transform-origin:center;transform:scale(0)}#debug-header .neo-s1,#debug-header .neo-s5,#debug-header .neo-s7{animation:neo-draw .4s ease-out forwards;animation-delay:.2s}#debug-header .neo-s2{animation:neo-scale .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s}#debug-header .neo-s3,#debug-header .neo-s8{animation:neo-scale .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.5s}#debug-header .neo-s9{animation:neo-draw .4s ease-out forwards;animation-delay:.5s}.neo-s4{transform-origin:50px 162px;transform:rotate(90deg)}.neo-s6{transform-origin:250px 162px;transform:rotate(-90deg)}#debug-header .neo-s4{animation:neo-fade-in .3s ease-out forwards,neo-rotate-left .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.8s,1s}#debug-header .neo-s6{animation:neo-fade-in .3s ease-out forwards,neo-rotate-right .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.8s,1s}#debug-header .neo-icon:hover .neo-s{animation:neo-undraw .3s ease-in forwards!important}#debug-header .neo-icon:hover .neo-filled{animation:neo-unscale .3s ease-in forwards!important}#debug-header .neo-icon:hover .neo-s4{animation:neo-unrotate-left .3s ease-in forwards!important}#debug-header .neo-icon:hover .neo-s6{animation:neo-unrotate-right .3s ease-in forwards!important}@keyframes neo-undraw{0%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:300}}@keyframes neo-unscale{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(0) rotate(-45deg)}}@keyframes neo-unrotate-left{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(90deg)}}@keyframes neo-unrotate-right{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(-90deg)}}@keyframes neo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes neo-draw{0%{opacity:1;stroke-dashoffset:300}to{opacity:1;stroke-dashoffset:0}}@keyframes neo-scale{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes neo-rotate-left{0%{opacity:0;transform:rotate(90deg)}to{opacity:1;transform:rotate(0)}}@keyframes neo-rotate-right{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.debug-global-divider{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#999}.debug-global-divider:before,.debug-global-divider:after{content:"";flex:1;height:1px;background:#444}.debug-section{margin-bottom:4px}.debug-section-header{display:flex;align-items:center;gap:6px;padding:6px 0;cursor:pointer;color:#fff;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-bottom:1px solid #222;margin-bottom:6px}.debug-section-header:hover{color:var(--color-accent)}.debug-section-reset{margin-left:auto;background:none;border:none;color:#444;cursor:pointer;padding:2px;display:inline-flex;align-items:center;opacity:0;transition:opacity .15s ease}.debug-section-header:hover .debug-section-reset{opacity:1}.debug-section-reset.altered{opacity:1;color:var(--color-accent)}.debug-section-reset:hover{color:var(--color-accent)}.debug-arrow{transition:transform .15s ease;display:inline-flex;align-items:center}.debug-arrow svg{display:block}.debug-section.open .debug-arrow{transform:rotate(90deg)}.debug-section-body{display:none;padding-bottom:6px}.debug-section.open .debug-section-body{display:block}.debug-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;border-left:2px solid transparent;padding-left:4px;transition:border-color .15s ease,background .15s ease}.debug-row.param-dirty{border-left-color:#f8b400;background:#f8b40014}.tl-float-save{position:sticky;bottom:8px;display:flex;align-items:center;gap:6px;margin:12px auto 0;padding:6px 16px;background:#f8b400;color:#000;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);z-index:10}.tl-float-save svg{width:12px;height:12px;stroke:#000}.tl-float-save-visible{opacity:1;transform:translateY(0)}.tl-float-save:hover{background:#ffc929}.debug-row label{flex:0 0 90px;color:#fff;font-size:13px;letter-spacing:1px}.debug-row input[type=range]{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:1px}.debug-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.debug-row input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:none;cursor:pointer}.debug-row select{flex:1;background:#1a1a1a;border:none;color:#fff;padding:3px 8px;font-size:13px;font-family:inherit;border-radius:3px;letter-spacing:1px}.debug-rich-select{flex:1;position:relative}.debug-rich-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;border:none;color:#fff;padding:4px 8px;font-size:13px;font-family:inherit;border-radius:3px;letter-spacing:1px;cursor:pointer;text-align:left}.debug-rich-trigger:hover{background:#222}.rich-trigger-arrow{transition:transform .15s ease;opacity:.5;display:inline-flex;align-items:center}.rich-trigger-arrow svg{display:block}.debug-rich-select.open .rich-trigger-arrow{transform:rotate(90deg)}.debug-rich-select.open .debug-rich-trigger{background:#222;border-radius:3px 3px 0 0}.debug-rich-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#111;border:none;border-radius:0 0 3px 3px;z-index:150;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.debug-rich-dropdown::-webkit-scrollbar{width:4px}.debug-rich-dropdown::-webkit-scrollbar-track{background:transparent}.debug-rich-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.debug-rich-select.open .debug-rich-dropdown{display:block}.debug-rich-option{padding:6px 8px;cursor:pointer;border-bottom:1px solid #1a1a1a;transition:background .15s ease;display:flex;align-items:center;gap:8px}.rich-option-icon{flex:0 0 40px;height:24px;color:#fff}.rich-option-icon svg{width:40px;height:24px;display:block}.debug-rich-option.active .rich-option-icon{color:#000}.rich-option-text{flex:1;min-width:0}.debug-rich-option:last-child{border-bottom:none}.debug-rich-option:hover{background:#1a1a1a}.debug-rich-option.active{background:#fff}.rich-option-label{font-size:14px;font-weight:600;color:#fff;letter-spacing:1px;margin-bottom:2px}.debug-rich-option.active .rich-option-label,.debug-rich-option.active .rich-option-desc{color:#000}.rich-option-desc{font-size:13px;color:#fff;line-height:1.3;letter-spacing:.5px}.debug-transition-picker .debug-rich-trigger{gap:8px}.debug-transition-picker .debug-rich-trigger canvas{flex:0 0 auto}.trans-preview-option{display:flex;align-items:center;gap:10px}.trans-preview-option canvas{flex:0 0 auto}.trans-preview-option .rich-option-label{margin-bottom:0}.debug-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border:1.5px solid #444;border-radius:2px;background:#1a1a1a;cursor:pointer;flex-shrink:0}.debug-row input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.debug-val{flex:0 0 40px;text-align:right;color:#fff;font-size:13px;font-family:SF Mono,Fira Code,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;cursor:default}.debug-val-edit{width:100%;box-sizing:border-box;background:#111;color:#fff;border:1px solid var(--color-input, #4af);border-radius:3px;font-size:13px;font-family:SF Mono,Fira Code,monospace;text-align:right;padding:0 2px;outline:none;-moz-appearance:textfield}.debug-val-edit::-webkit-inner-spin-button,.debug-val-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.state-switcher-row{flex-direction:column}.state-switcher-row>.has-tooltip{display:none}.state-switcher{display:flex;gap:3px;width:100%}.state-switcher-col{flex:1;display:flex;flex-direction:column;align-items:stretch;border-radius:3px;overflow:hidden;background:#1a1a1a;border:1px solid #222;transition:border-color .2s}.state-switcher-col.state-active{border-color:var(--color-accent)}.state-switcher-col[data-value=seek].state-active{border-color:var(--color-seek)}.state-switcher-col[data-value=input].state-active{border-color:var(--color-input)}.state-switcher-col[data-value=choreo].state-active{border-color:var(--color-choreo)}.state-switcher-play{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:7px 4px;background:none;border:none;color:#666;font-size:12px;font-family:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.state-switcher-play:hover{background:#222;color:#ccc}.state-switcher-col.state-active .state-switcher-play{background:var(--color-input);color:#000}.state-switcher-col[data-value=seek].state-active .state-switcher-play{background:var(--color-seek)}.state-switcher-col[data-value=choreo].state-active .state-switcher-play{background:var(--color-choreo)}.state-switcher-icon{font-size:7px;line-height:1}.state-switcher-col.state-active .state-switcher-icon{color:#000}.state-switcher-arrow{display:none}.state-col-tabs{display:flex;border-top:1px solid #222}.state-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:5px 0;background:none;border:none;border-right:1px solid #222;color:#444;cursor:pointer;transition:background .15s,color .15s}.state-tab-btn:last-child{border-right:none}.state-tab-btn:hover:not(.tab-placeholder){background:#222;color:#999}.state-tab-btn.tab-active{background:#252525;color:var(--color-accent)}.state-tab-btn.tab-placeholder{cursor:default;pointer-events:none}.state-switcher-play:disabled{opacity:.4;cursor:default}.debug-button-group{display:flex;flex:1;gap:0}.debug-button-group-btn{flex:1;background:#1a1a1a;border:none;color:#888;padding:4px 8px;font-size:13px;font-family:inherit;letter-spacing:1px;cursor:pointer;transition:background .15s,color .15s}.debug-button-group-btn:first-child{border-radius:3px 0 0 3px}.debug-button-group-btn:last-child{border-radius:0 3px 3px 0}.debug-button-group-btn:hover{background:#222;color:#fff}.debug-button-group-btn:active{background:#333}.debug-button-group-btn.active{background:#fff;color:#000}.debug-range-wrap{flex:1;position:relative;height:16px;background:transparent}.debug-range-wrap:before{content:"";position:absolute;left:0;right:0;top:6px;height:3px;background:#333;border-radius:1px;pointer-events:none}.debug-range-highlight{position:absolute;top:6px;height:3px;background:#fff;border-radius:1px;pointer-events:none;z-index:1}.debug-range-wrap input[type=range]{position:absolute;left:0;top:0;width:100%;height:3px;margin:6px 0;pointer-events:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.debug-range-wrap input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent;border-radius:1px}.debug-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-3.5px;position:relative;z-index:2}.debug-range-wrap input[type=range]::-moz-range-thumb{pointer-events:auto;width:10px;height:10px;border-radius:50%;background:#fff;border:none;cursor:pointer;position:relative;z-index:2}.debug-preset-btn{background:#1a1a1a;border:none;color:#fff;padding:3px 8px;font-size:13px;font-family:inherit;border-radius:3px;cursor:pointer;letter-spacing:1px}.debug-preset-btn:hover{background:#222}.debug-preset-btn:active{background:#333}.debug-shortcode-bar{display:flex;gap:4px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #333}.debug-shortcode-input{flex:1;background:#1a1a1a;border:none;color:#fff;padding:3px 8px;font-size:13px;font-family:inherit;border-radius:3px;min-width:0}.debug-shortcode-input::placeholder{color:#666}.debug-shortcode-input:focus{outline:1px solid var(--color-accent);outline-offset:-1px}.debug-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);background:#222;color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;font-family:PT Sans,sans-serif;white-space:pre-line;max-width:400px;opacity:0;transition:opacity .3s,transform .3s;z-index:10001;pointer-events:none;border-left:3px solid var(--color-accent)}.debug-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.debug-toast-warn{border-left-color:#c80;background:#2a2000}.debug-toast-error{border-left-color:#c33;background:#2a0000}.debug-button-row{display:flex;gap:6px}.debug-trigger-btn{background:#2a1a0a;border:1px solid #885522;color:var(--color-accent);padding:3px 12px;font-size:13px;font-family:inherit;border-radius:3px;cursor:pointer;letter-spacing:.5px;text-transform:uppercase}.debug-trigger-btn:hover{background:#3a2a1a;border-color:#c84;color:var(--color-accent-hover)}.debug-trigger-btn:active{background:#531}.scope-picker-row{flex-direction:column;padding:0}.scope-picker-row label{display:none}.scope-picker{width:100%}.scope-picker-canvas{width:100%;height:auto;display:block;border:none;border-radius:0 0 3px 3px;cursor:crosshair}.scope-picker-buttons{display:flex;gap:4px;margin-top:4px}.scope-picker-btn{flex:1;padding:3px 6px;font-size:13px}.scope-picker-layers{display:flex;gap:0}.scope-picker-layer-btn{flex:1;border-bottom:2px solid #333}.scope-picker-layer-btn:first-child{border-radius:3px 0 0}.scope-picker-layer-btn:last-child{border-radius:0 3px 0 0}.scope-picker-layer-btn.active{border-bottom-color:transparent}.debug-row label.has-tooltip{cursor:help;position:relative}.debug-row label.has-tooltip:hover:after{content:attr(data-tooltip);position:absolute;left:0;top:100%;margin-top:4px;background:#222;border:1px solid #555;color:#ccc;padding:6px 8px;font-size:11px;line-height:1.4;border-radius:3px;white-space:normal;max-width:200px;z-index:200;pointer-events:none}.filter-hidden{display:none!important}#debug-panel-title .filter-badge{font-size:10px;letter-spacing:1px;color:var(--color-accent);margin-left:8px;opacity:0;transition:opacity .15s ease}#debug-header.filter-active #debug-panel-title .filter-badge{opacity:1}#stats-overlay{position:absolute;bottom:36px;left:8px;z-index:100;font-size:10px;font-family:SF Mono,Fira Code,monospace;color:#666;background:#00000080;padding:4px 8px;border-radius:3px;pointer-events:none;font-variant-numeric:tabular-nums}.debug-frames-input{width:70px;background:#1a1a1a;border:none;color:#fff;padding:4px 8px;font-size:13px;font-family:inherit;border-radius:3px;letter-spacing:1px}.curve-editor{margin-top:4px;margin-bottom:4px}.curve-preset-row{margin-bottom:4px}.curve-preset-select{background:#1a1a1a;border:none;color:#fff;padding:3px 8px;font-size:13px;font-family:inherit;border-radius:3px;letter-spacing:1px;width:100%}.curve-canvas{display:block;width:100%;height:70px;border:1px solid #333;border-radius:3px;cursor:crosshair}.noise-preview-canvas{display:block;margin-left:98px;width:calc(100% - 98px);aspect-ratio:1;border:1px solid #333;border-radius:3px;image-rendering:pixelated;margin-bottom:6px}.export-recording,.vrec-active{background:#4a0a0a!important;border-color:#c33!important;color:#f44!important;animation:rec-pulse 1s ease-in-out infinite}.vrec-btn{background:#2a0a0a;border-color:#933;color:#f44}.vrec-btn:hover{background:#3a1010;border-color:#c33;color:#f66}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.6}}.vrec-reel-container{padding:4px 0;text-align:center}.vrec-status{color:#f44;font-size:13px;letter-spacing:1px;text-align:center;margin-top:2px}.vrec-active~.debug-section-body .vrec-reel,.vrec-reel-container .vrec-reel{animation:reel-spin 2s linear infinite}@keyframes reel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-progress-panel{margin-top:6px;padding:8px;background:#0a0a0a;border:1px solid #222;border-radius:3px}.export-preview-canvas{display:block;width:100%;height:120px;background:#000;border:1px solid #222;border-radius:3px;margin-bottom:6px;image-rendering:pixelated}.export-progress-info{font-size:13px;color:var(--color-accent);margin-bottom:4px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-progress-bar{height:6px;background:#1a1a1a;border:1px solid #333;border-radius:3px;overflow:hidden}.export-progress-fill{height:100%;background:var(--color-accent);width:0%;transition:width .15s}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.changelog-modal{background:#0f0f0ff2;border:1px solid #333;border-radius:6px;width:480px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;font-size:13px;color:#aaa}.changelog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.changelog-title{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#fff}.changelog-close{font-size:23px;cursor:pointer;color:#666;line-height:1}.changelog-close:hover{color:#fff}.changelog-list{overflow-y:auto;padding:8px 16px 16px;scrollbar-width:thin;scrollbar-color:#333 transparent}.changelog-list::-webkit-scrollbar{width:5px}.changelog-list::-webkit-scrollbar-track{background:transparent}.changelog-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.changelog-entry{padding:10px 0;border-bottom:1px solid #1a1a1a}.changelog-entry:last-child{border-bottom:none}.changelog-entry.changelog-latest{border-left:2px solid var(--color-accent);padding-left:12px;margin-left:-2px}.changelog-entry-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.changelog-entry-hash{color:var(--color-accent);font-size:11px;letter-spacing:1px}.changelog-entry-version{color:#1a1a1a;font-size:10px;font-weight:600;letter-spacing:.5px;background:var(--color-accent);padding:1px 6px;border-radius:9px}.changelog-entry-date{color:#555;font-size:11px;margin-left:auto}.changelog-entry-title{color:#ddd;font-size:14px;line-height:1.4}.changelog-entry-body{color:#666;font-size:11px;line-height:1.4;white-space:pre-line;margin-top:4px}.changelog-entry.changelog-new .changelog-entry-title{color:#fff}.changelog-empty{color:#555;text-align:center;padding:40px 0;font-size:14px;letter-spacing:1px}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-modal{background:#0f0f0ff2;border:1px solid #333;border-radius:6px;max-width:95vw;font-size:13px;color:#aaa}.keyboard-modal{width:auto}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.shortcuts-title{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#fff}.shortcuts-close{font-size:23px;cursor:pointer;color:#666;line-height:1}.shortcuts-close:hover{color:#fff}.keyboard-body{display:flex;gap:24px;padding:16px}.keyboard-layout{display:flex;flex-direction:column;gap:4px}.keyboard-row{display:flex;gap:4px}.kb-key{height:44px;border-radius:5px;background:#1a1a1a;border:1px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:background .15s,box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none;flex-shrink:0;box-sizing:border-box}.kb-key-label{font-size:11px;color:#555;text-transform:uppercase;font-family:PT Sans,sans-serif;letter-spacing:.5px;line-height:1}.kb-key--bound{border-color:#ffaa4459;background:#ffaa440f}.kb-key--bound .kb-key-label{color:var(--color-accent)}.kb-key-hint{font-size:7px;color:#ffaa448c;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;line-height:1}.kb-key--active{background:#fa43!important;border-color:var(--color-accent)!important;box-shadow:0 0 14px #ffaa4473,inset 0 0 8px #ffaa441a}.kb-key--active .kb-key-label{color:#fff!important}.kb-key--active .kb-key-hint{color:#ffffffb3!important}.keyboard-legend{min-width:340px;columns:2;column-gap:24px;padding-top:2px;border-left:1px solid #2a2a2a;padding-left:24px}.keyboard-legend-title{column-span:all;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#555;margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:10px;margin-bottom:6px;break-inside:avoid}.legend-item kbd{display:inline-block;min-width:28px;padding:2px 6px;font-family:PT Sans,sans-serif;font-size:11px;text-align:center;color:var(--color-accent);background:#ffaa440f;border:1px solid rgba(255,170,68,.3);border-radius:3px;line-height:1.6}.legend-item span{color:#888;font-size:12px;white-space:nowrap}.settings-modal{width:360px}.settings-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:center;gap:10px}.settings-row label{flex:0 0 110px;font-size:12px;color:#999}.settings-row input[type=number]{width:60px;padding:3px 6px;background:#ffffff0f;border:1px solid #444;border-radius:3px;color:#ddd;font-size:12px;font-family:PT Sans,sans-serif}.settings-row input[type=checkbox]{accent-color:var(--color-accent)}.settings-section-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#666;padding:2px 0 0;border-bottom:1px solid #333;margin-bottom:-4px}.settings-unit,.settings-desc{font-size:11px;color:#666}.settings-tri-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid #444;border-radius:3px;cursor:pointer;color:#555;transition:color .15s,border-color .15s;padding:0}.settings-tri-check:hover{border-color:#666}.settings-tri-check.active{color:var(--color-accent);border-color:var(--color-accent)}.settings-theme-row{padding:4px 0}.settings-theme-label{font-size:12px;color:#aaa;margin-bottom:6px}.settings-theme-options{display:flex;flex-wrap:wrap;gap:6px}.settings-theme-btn{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;border:1px solid #444;background:#1a1a1a;color:#aaa;cursor:pointer;font-size:11px;font-family:PT Sans,sans-serif;transition:border-color .15s,color .15s}.settings-theme-btn:hover{border-color:#666;color:#ddd}.settings-theme-btn.active{border-color:var(--color-input);color:#fff}.settings-theme-swatch{display:flex;gap:3px}.settings-theme-swatch span{width:16px;height:16px;border-radius:3px}.settings-accent-btn{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;border:1px solid #444;background:#1a1a1a;cursor:pointer;transition:border-color .15s}.settings-accent-btn:hover{border-color:#666}.settings-accent-btn.active{border-color:var(--color-accent)}.settings-accent-dot{width:20px;height:20px;border-radius:50%}.settings-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #333}.settings-btn{padding:5px 16px;font-size:12px;border-radius:3px;border:1px solid #444;background:#ffffff0f;color:#aaa;cursor:pointer;font-family:PT Sans,sans-serif}.settings-btn:hover{background:#ffffff1a;color:#ddd}.settings-btn-apply{background:#ffaa4426;border-color:#fa46;color:var(--color-accent)}.settings-btn-apply:hover{background:#ffaa4440}.shortcode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcode-modal{background:#0f0f0ff2;border:1px solid #333;border-radius:6px;width:420px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;font-size:13px;color:#aaa}.shortcode-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #333}.shortcode-title{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#fff}.shortcode-version-badge{font-size:11px;color:var(--color-accent);letter-spacing:.5px}.shortcode-close{font-size:23px;cursor:pointer;color:#666;line-height:1;margin-left:auto}.shortcode-close:hover{color:#fff}.shortcode-body{overflow-y:auto;padding:12px 16px;scrollbar-width:thin;scrollbar-color:#333 transparent}.shortcode-body::-webkit-scrollbar{width:5px}.shortcode-body::-webkit-scrollbar-track{background:transparent}.shortcode-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.shortcode-warnings,.shortcode-clamped{white-space:pre-line;font-size:11px;line-height:1.5;padding:8px 10px;border-radius:3px;margin-bottom:10px}.shortcode-warnings{background:#cc88001a;border-left:2px solid #cc8800;color:#c80}.shortcode-clamped{background:#aaaa0014;border-left:2px solid #666;color:#888}.shortcode-state-header{color:var(--color-accent);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:10px 0 4px;padding-bottom:3px;border-bottom:1px solid #333}.shortcode-table{display:flex;flex-direction:column;gap:1px}.shortcode-table-row{display:flex;align-items:baseline;gap:8px;padding:3px 0;border-bottom:1px solid #1a1a1a}.shortcode-key{color:#888;font-size:11px;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcode-val{color:#fff;font-size:12px;margin-left:auto;flex-shrink:0}.shortcode-default{color:#444;font-size:10px;flex-shrink:0;min-width:60px;text-align:right}.shortcode-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #333;justify-content:flex-end}.shortcode-btn-cancel,.shortcode-btn-apply{padding:6px 16px;border-radius:3px;font-size:12px;letter-spacing:1px;cursor:pointer;border:1px solid #444}.shortcode-btn-cancel{background:#1a1a1a;color:#888}.shortcode-btn-cancel:hover{color:#fff;border-color:#666}.shortcode-btn-apply{background:#2a1a0a;color:var(--color-accent);border-color:#852}.shortcode-btn-apply:hover{background:#3a2a1a;border-color:var(--color-accent)}body.tl-scrubbing{-webkit-user-select:none;user-select:none;cursor:ew-resize}.tl-drawer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0a0af5;border-top:1px solid #333;transform:translateY(calc(100% - 28px));transition:transform .3s cubic-bezier(.4,0,.2,1)}.tl-drawer.tl-open{transform:translateY(0)}.tl-drawer.tl-open .tl-handle{height:0;opacity:0;overflow:hidden;pointer-events:none}.tl-handle{height:28px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#aaa;font-size:13px;-webkit-user-select:none;user-select:none;overflow:visible;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.tl-handle:hover{color:#fff}.tl-handle-chevron{cursor:pointer;display:flex;align-items:center;padding:4px;background:none;border:none;color:inherit;font:inherit;position:relative}.tl-handle-chevron:hover{color:#fff}.tl-drawer.tl-open .tl-handle-chevron svg{transform:rotate(180deg)}.tl-popover{position:absolute;bottom:100%;left:0;transform:translateY(2px);background:#1a1a1a;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:11px;color:#ccc;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:300}.tl-popover.visible{opacity:1;transform:translateY(-6px)}.tl-popover kbd{display:inline-block;background:#333;border:1px solid #666;border-radius:3px;padding:0 4px;margin-left:6px;font-family:inherit}.tl-mini-play{background:#1a1a1a;border:none;border-radius:3px;color:#ccc;padding:3px 6px;cursor:pointer;display:flex;align-items:center;transition:background .15s,color .15s}.tl-mini-play{color:var(--color-accent)}.tl-mini-play:hover{background:#333;color:var(--color-accent-hover)}.tl-mini-play.tl-btn-active{background:var(--color-accent);color:#000}.tl-mini-bar{flex:1;height:20px;background:#222;border-radius:0;position:relative;cursor:pointer;overflow:visible}.tl-mini-clip{position:absolute;top:2px;height:16px;background:#555;border-radius:0;transition:left .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1)}.tl-mini-transition{position:absolute;top:2px;height:16px;border-radius:0;cursor:pointer;z-index:3;transition:left .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1)}.tl-mini-playhead{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--color-accent);border-radius:1px;left:0;cursor:ew-resize;z-index:10}.tl-mini-playhead:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0}.tl-mini-time{font-size:12px;color:#fff;font-variant-numeric:tabular-nums;min-width:36px}.tl-body{padding:6px 12px 10px}.tl-top-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tl-transport{display:flex;align-items:center;gap:4px}.tl-btn{background:#1a1a1a;border:none;border-radius:3px;color:#ccc;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;font-size:13px;font-family:inherit;letter-spacing:1px;transition:background .15s,color .15s}.tl-btn:hover{background:#333;color:#fff}.tl-btn:active{background:#444}.tl-btn:focus{outline:none}.tl-btn.tl-play-btn{color:var(--color-accent)}.tl-btn.tl-play-btn:hover{color:var(--color-accent-hover)}.tl-btn.tl-play-btn.tl-play-cached,.tl-btn.tl-play-btn.tl-play-cached.tl-btn-active{background:#4ade80;color:#000}.tl-btn.tl-play-btn.tl-play-cached:hover,.tl-btn.tl-play-btn.tl-play-cached.tl-btn-active:hover{background:#86efac;color:#000}.tl-mini-play.tl-play-cached{color:#4ade80}.tl-btn.tl-btn-active{background:var(--color-accent);color:#000}.tl-btn.tl-btn-active:hover{background:var(--color-accent-hover);color:#000}.tl-close-btn{margin-right:4px}.tl-time{font-size:13px;color:#fff;font-variant-numeric:tabular-nums;min-width:80px;margin-left:4px}.tl-frame{font-size:16px;font-weight:600;color:#fff;font-family:SF Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums;margin-left:6px}.tl-speed-wrap{display:flex;align-items:center;gap:4px;margin-left:8px}.tl-speed-slider{width:60px;height:3px;accent-color:#ffaa57;cursor:pointer}.tl-speed-label{font-size:11px;color:#999;min-width:30px;text-align:left}.tl-speed-reset{background:none;border:none;color:#999;cursor:pointer;padding:0;line-height:0;opacity:0;transition:opacity .15s}.tl-speed-reset:hover{color:#fff}.tl-durations{display:flex;gap:8px;align-items:center;margin:0 auto}.tl-ip-display{font-size:13px;color:#ffaa57;font-variant-numeric:tabular-nums;margin-left:8px}.tl-dur-input{display:flex;align-items:center;gap:4px;font-size:13px;color:#ccc}.tl-dur-input input{width:56px;background:#1a1a1a;border:1px solid #333;border-radius:3px;color:#fff;font-size:13px;padding:4px 8px;text-align:center}.tl-dur-input input:focus{border-color:var(--color-accent);outline:none}.tl-actions{display:flex;gap:4px;margin-left:auto}.tl-bar-row{display:flex;gap:8px}.tl-bar-add{position:absolute;left:auto;right:8px;top:42px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.4;transition:opacity .15s;z-index:2}.tl-bar-add:hover{opacity:1}.tl-bar-add.tl-bar-add-empty{left:50%;right:auto;top:42px;transform:translate(-50%,-50%);width:36px;height:36px;opacity:.6}.tl-bar-add.tl-bar-add-empty svg{width:20px;height:20px}.tl-bar-container{position:relative;flex:1;min-width:0;padding-top:14px}.tl-cache-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;pointer-events:none;z-index:5}.tl-cache-fill{height:100%;width:0;background:#22c55e;border-radius:0 1px 1px 0;transition:width .3s ease}.tl-inspector{width:140px;flex-shrink:0;background:#141414;border:1px solid #2a2a2a;border-radius:3px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#aaa}.tl-inspector-empty{color:#555;font-size:10px;text-align:center;padding:8px 0}.tl-insp-row{display:flex;align-items:center;gap:4px}.tl-insp-row>span:first-child{width:32px;flex-shrink:0;color:#666;font-size:10px}.tl-insp-row input{flex:1;min-width:0;background:#1a1a1a;border:1px solid #333;border-radius:2px;color:#fff;font-size:11px;padding:2px 4px;font-family:inherit}.tl-insp-row input:focus{border-color:var(--color-accent);outline:none}.tl-insp-row input[type=number]{width:50px}.tl-insp-type span:last-child{font-size:10px}.tl-bar{position:relative;height:56px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.tl-clips{position:absolute;top:0;left:0;width:100%;height:100%}.tl-clip{position:absolute;top:3px;height:calc(100% - 6px);border:none;border-radius:2px;color:#fff;font-size:13px;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;overflow:hidden;white-space:nowrap;padding:4px 7px;transition:left .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1)}.tl-clip:hover{filter:brightness(1.15)}.tl-clip-dragging{opacity:.4}.tl-clip-seek{background:var(--color-seek)}.tl-clip-seek.tl-clip-active{background:var(--color-seek-hover)}.tl-clip-seek.tl-clip-selected{background:var(--color-seek);box-shadow:0 0 0 2px #fff4}.tl-clip-input{background:var(--color-input)}.tl-clip-input.tl-clip-active{background:var(--color-input-hover)}.tl-clip-input.tl-clip-selected{background:var(--color-input);box-shadow:0 0 0 2px #fff4}.tl-clip-choreo{background:var(--color-choreo)}.tl-clip-choreo.tl-clip-active{background:var(--color-choreo-hover)}.tl-clip-choreo.tl-clip-selected{background:var(--color-choreo);box-shadow:0 0 0 2px #fff4}.tl-clip-header{display:flex;align-items:baseline;gap:4px;overflow:hidden}.tl-clip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.1;color:#fff}.tl-clip-randomize{flex-shrink:0;background:none;border:none;color:#fff6;cursor:pointer;padding:0;line-height:0;opacity:0;pointer-events:none;transition:opacity .15s,color .15s}.tl-shift-active .tl-clip:hover .tl-clip-randomize{opacity:1;pointer-events:auto}.tl-clip-randomize:hover{color:#ffffffe6}.tl-clip-info{display:flex;gap:4px;align-items:center}.tl-clip-pill{background:#00000073;color:#fff;font-size:10px;font-weight:500;padding:1px 5px;border-radius:3px;line-height:1.3;white-space:nowrap}.tl-clip-pill-ip{background:#0000004d}.tl-clip-pill-scene{background:#ffffff26}.tl-clip-pill-kinetic{background:#ffffff1a}.tl-clip-pill svg{vertical-align:-1px;opacity:.7}.tl-clip-duration{font-size:11px;color:#ffffff80;font-weight:400;margin-left:4px}.tl-clip-transition{position:absolute;top:3px;height:calc(100% - 6px);border-radius:2px;opacity:.55;cursor:pointer;z-index:3;overflow:hidden;transition:left .2s cubic-bezier(.16,1,.3,1),width .2s cubic-bezier(.16,1,.3,1),opacity .15s ease}.tl-clip-transition:hover{opacity:.85}.tl-trans-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:600;color:#fff;white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tl-trans-label svg{opacity:.9}.tl-clip-tooltip{position:fixed;display:flex;flex-direction:column;align-items:flex-start;background:#1a1a1a;border:1px solid #333;border-radius:5px;padding:0;z-index:100;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0009;overflow:hidden;min-width:100px;opacity:0;transform:translateY(4px) scale(.97);transition:opacity .12s ease-out,transform .12s ease-out;visibility:hidden}.tl-clip-tooltip.tl-tooltip-visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.tl-clip-tooltip-accent{width:100%;height:3px}.tl-clip-tooltip-body{padding:6px 10px 8px;display:flex;flex-direction:column;gap:2px}.tl-clip-tooltip-name{color:#fff;font-size:13px;font-weight:600}.tl-clip-tooltip-detail{color:#888;font-size:11px}.tl-clip-tooltip-arrow{position:absolute;bottom:-6px;width:10px;height:6px;overflow:hidden}.tl-clip-tooltip-arrow:after{content:"";position:absolute;top:0;left:50%;width:8px;height:8px;background:#1a1a1a;border:1px solid #333;transform:translate(-50%,-50%) rotate(45deg)}.tl-clip-handle{position:absolute;top:0;width:6px;height:100%;cursor:ew-resize;z-index:5}.tl-clip-handle-left{left:0}.tl-clip-handle-right{right:0}.tl-clip-handle:hover{background:#ffffff1a}.tl-clip-pulse-marker{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40;pointer-events:none;z-index:3;border-left:1px dashed rgba(255,255,255,.3)}body.tl-resizing *{cursor:ew-resize!important}.tl-drop-indicator{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent);z-index:10;pointer-events:none;transform:translate(-1px)}.tl-type-picker{position:absolute;bottom:100%;left:0;background:#0f0f0ff2;border:1px solid #444;border-radius:4px;padding:4px;z-index:100;display:flex;flex-direction:column;gap:2px;min-width:80px}.tl-type-btn{padding:5px 10px;font-size:11px;border:none;color:#fff;cursor:pointer;text-align:left;border-radius:3px;font-family:PT Sans,sans-serif;font-weight:600}.tl-type-seek{background:var(--color-seek)}.tl-type-seek:hover{background:var(--color-seek);filter:brightness(1.2)}.tl-type-input{background:var(--color-input)}.tl-type-input:hover{background:var(--color-input);filter:brightness(1.2)}.tl-type-choreo{background:var(--color-choreo)}.tl-type-choreo:hover{background:var(--color-choreo);filter:brightness(1.2)}.tl-playhead{position:absolute;top:14px;bottom:0;width:2px;background:var(--color-accent);pointer-events:auto;z-index:3;transition:left .05s linear;cursor:ew-resize}.tl-playhead:before{content:"";position:absolute;left:-12px;right:-12px;top:0;bottom:0;cursor:ew-resize}.tl-playhead:after{content:"";position:absolute;top:-13px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--color-accent);border-radius:50%}@keyframes playhead-pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.tl-pulse-ring{position:absolute;top:-7px;left:50%;width:12px;height:12px;border:2px solid var(--color-input);border-radius:50%;pointer-events:none;box-sizing:border-box;animation:playhead-pulse-ring 1s ease-out forwards}.tl-playhead-eye{position:absolute;top:-13px;left:50%;transform:translate(-50%);width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:#1a1a1a;pointer-events:none;line-height:0;transition:opacity .1s linear;z-index:1}.tl-walker{position:absolute;top:1px;z-index:6;pointer-events:none;transform:translate(-50%) scale(.825);transform-origin:center top;image-rendering:pixelated}.tl-walker-idle{animation:tl-walker-idle .8s steps(4) infinite!important}@keyframes tl-walker-walk{0%{background-position:0 0}to{background-position:-128px 0}}@keyframes tl-walker-idle{0%{background-position:0 -16px}to{background-position:-64px -16px}}.tl-label-time{font-size:9px;font-variant-numeric:tabular-nums;margin-right:3px;opacity:.7}.tl-mini-seek{background:var(--color-seek)}.tl-mini-input{background:var(--color-input)}.tl-mini-choreo{background:var(--color-choreo)}.tl-save-clip:disabled{opacity:.3;cursor:default}.tl-save-clip:not(:disabled){background:#ffaa441a;color:var(--color-accent)}.tl-save-clip:not(:disabled):hover{background:#fa43;color:var(--color-accent-hover)}.tl-clip-indicator{display:flex;flex-direction:column;gap:4px;padding:8px 6px 6px;border-top:2px solid var(--color-input);position:sticky;top:0;z-index:5;background:#0a0a0af2}.tl-clip-indicator-top{display:flex;align-items:center;gap:6px}.tl-clip-indicator-name{color:#fff;font-weight:600;font-size:15px;letter-spacing:.02em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-clip-indicator-name-input{color:#fff;font-weight:600;font-size:15px;letter-spacing:.02em;font-family:inherit;flex:1;min-width:0;background:#1a1a1a;border:1px solid var(--color-input);border-radius:3px;padding:2px 4px;outline:none}.tl-clip-indicator-edit{background:none;border:none;color:#666;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;transition:color .15s}.tl-clip-indicator-edit:hover{color:#fff}.tl-clip-indicator-dur-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#888;margin-bottom:6px;padding:0 0 0 4px}.tl-clip-indicator-dur-row>span:first-child{flex:0 0 90px;color:#fff;font-size:13px;letter-spacing:1px}.tl-clip-indicator-dur{background:#1a1a1a;border:1px solid #333;border-radius:3px;color:#ccc;padding:2px 4px;font-size:13px;font-family:inherit;width:60px;text-align:right}.tl-clip-indicator-dur:focus{border-color:var(--color-input);outline:none;color:#fff}.tl-clip-indicator-dur-unit,.tl-clip-indicator-dur-sec{color:#666;font-size:13px}.tl-clip-indicator-save{background:#1a1a1a;border:none;border-radius:3px;color:#888;padding:3px 8px;cursor:pointer;display:inline-flex;align-items:center;font-size:12px;transition:background .15s,color .15s}.tl-clip-indicator-save:disabled{opacity:.3;cursor:default}.tl-clip-indicator-save:not(:disabled){background:var(--color-input-bg-soft);color:var(--color-input)}.tl-clip-indicator-save:not(:disabled):hover{background:var(--color-input-bg);color:var(--color-input-hover)}.tl-clip-group{position:relative;padding:4px 6px}.tl-clip-group.tl-clip-active{border:1px solid var(--color-accent)33;border-radius:3px;margin:2px 0}@keyframes tl-clip-flash-bg{0%{background-color:#ffaa441a}to{background-color:transparent}}.tl-clip-group.tl-clip-flash{animation:tl-clip-flash-bg .8s ease-out}.tl-clip-tabs{display:flex;border-bottom:1px solid #333;margin:0 -6px 12px;padding:0 6px}.tl-clip-tab-btn{padding:8px 14px 7px;border:none;border-bottom:2px solid transparent;background:none;color:#555;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:PT Sans,sans-serif;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.tl-clip-tab-btn:hover{color:#aaa}.tl-clip-tab-btn.tab-active{color:#fff;border-bottom-color:var(--color-accent)}.tl-clip-type-pill{font-size:9px;font-weight:600;letter-spacing:.1em;padding:2px 7px;border-radius:3px;line-height:1;flex-shrink:0}.tl-clip-type-pill.tl-type-seek{background:var(--color-seek-bg);color:var(--color-seek)}.tl-clip-type-pill.tl-type-input{background:var(--color-input-bg);color:var(--color-input)}.tl-clip-type-pill.tl-type-choreo{background:var(--color-choreo-bg);color:var(--color-choreo)}.tl-mini-playhead:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--color-accent)}.tl-cache-wrap{display:inline-flex;align-items:center;position:relative;margin-left:2px}.tl-cache-btn{position:relative;gap:4px}.tl-cache-btn.tl-cache-active{color:var(--color-accent)}.tl-cache-btn.tl-cache-active svg{animation:tl-cache-pulse 1s ease-in-out infinite}@keyframes tl-cache-pulse{0%,to{opacity:1}50%{opacity:.4}}.tl-cache-btn.tl-cache-ready{color:#6c6}.tl-loop-btn.tl-loop-active{background:var(--color-accent);color:#000}.tl-loop-btn.tl-loop-active:hover{background:var(--color-accent-hover);color:#000}.tl-cache-badge{font-size:9px;font-weight:600;background:var(--color-accent);color:#000;border-radius:6px;padding:0 4px;margin-left:3px;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-cache-ready .tl-cache-badge{background:#6c6}.tl-cache-chev{padding:4px 2px!important;min-width:0;margin-left:-2px}.tl-cache-dropdown{position:absolute;bottom:100%;left:0;background:#0f0f0ff2;border:1px solid #444;border-radius:4px;padding:4px;z-index:100;min-width:110px;display:flex;flex-direction:column;gap:2px}.tl-cache-dropdown button{background:none;border:none;color:#ccc;padding:4px 8px;text-align:left;font-size:12px;font-family:inherit;cursor:pointer;border-radius:2px;white-space:nowrap}.tl-cache-dropdown button:hover{background:#333;color:#fff}.tl-cache-stats{font-size:10px;color:#888;padding:4px 8px 2px;border-top:1px solid #333;margin-top:2px}.tl-save-wrap,.tl-load-wrap{display:inline-flex;align-items:center;position:relative;margin-left:2px}.tl-save-chev{padding:0 2px;min-width:0;margin-left:-2px}.tl-saving{opacity:.5;pointer-events:none}.tl-save-wrap .tl-cache-dropdown,.tl-load-wrap .tl-cache-dropdown{left:auto;right:0;min-width:220px;padding:6px;gap:1px;border-color:#555;border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000080}.tl-save-wrap .tl-cache-dropdown button,.tl-load-wrap .tl-cache-dropdown button{padding:7px 10px;border-radius:4px;font-size:12px;transition:background .1s}.tl-save-wrap .tl-cache-dropdown button:hover,.tl-load-wrap .tl-cache-dropdown button:hover{background:#ffaa441a;color:var(--color-accent)}.tl-load-dropdown{max-height:300px;overflow-y:auto}.tl-load-status{font-size:11px;color:#777;padding:6px 10px}.tl-load-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.tl-load-item-title{font-size:12px;font-weight:500}.tl-load-item-meta{font-size:10px;color:#666;letter-spacing:.02em}.tl-load-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#c62828;color:#fff;padding:8px 16px;border-radius:6px;font:12px/1.4 monospace;z-index:10000;pointer-events:none;animation:tl-toast-in .2s ease-out}@keyframes tl-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.tl-context-menu{position:fixed;z-index:9999;background:#0f0f0ff2;border:1px solid #444;border-radius:4px;padding:4px;min-width:100px;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000080}.tl-context-menu button{background:none;border:none;color:#ccc;padding:5px 10px;text-align:left;font-size:12px;font-family:inherit;cursor:pointer;border-radius:3px;white-space:nowrap;display:flex;align-items:center;gap:6px}.tl-context-menu button:hover{background:#ff505026;color:#f66}.tl-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.tl-save-dialog{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:20px 24px;min-width:300px;display:flex;flex-direction:column;gap:14px;font-family:inherit;color:#ccc;box-shadow:0 12px 40px #0009}.tl-save-dialog-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:.02em}.tl-save-dialog label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#888;letter-spacing:.03em;text-transform:uppercase}.tl-save-input{background:#111;border:1px solid #444;border-radius:4px;padding:8px 10px;color:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.tl-save-input:focus{border-color:var(--color-accent)}.tl-save-input::placeholder{color:#555}.tl-save-dialog-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:2px;padding-top:6px;border-top:1px solid #2a2a2a}.tl-save-dialog-btns button{padding:7px 18px;border-radius:4px;border:1px solid #444;background:#222;color:#ccc;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}.tl-save-dialog-btns button:hover{background:#333;color:#fff}.tl-save-dialog-ok{background:#ffaa441f!important;border-color:#fa46!important;color:var(--color-accent)!important;font-weight:600}.tl-save-dialog-ok:hover{background:#ffaa4438!important;border-color:var(--color-accent)!important}.pixel-inspector-tooltip{position:fixed;z-index:10000;pointer-events:none;background:#0a0a0aeb;border:1px solid #444;border-radius:4px;padding:4px 8px;font-family:PT Mono,monospace;font-size:11px;color:#ddd;display:flex;align-items:center;gap:6px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pi-ring{color:#fa4;font-weight:600}.pi-idx{color:#888}.pi-bar{width:40px;height:6px;background:#222;border-radius:2px;overflow:hidden}.pi-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#fa4,#fc6);border-radius:2px;transition:width .05s}.pi-val{color:#fff;font-weight:600}.pi-peak{color:#666;font-size:10px}.pixel-inspector-stats{position:absolute;bottom:4px;left:8px;font-family:PT Mono,monospace;font-size:10px;color:#666;pointer-events:none;z-index:5}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px 24px;min-width:300px;max-width:440px;font-family:PT Sans,sans-serif;color:#ddd}.confirm-modal h3{margin:0 0 8px;font-size:14px;color:#fff}.confirm-modal p{margin:0 0 16px;font-size:13px;color:#aaa;line-height:1.4}.confirm-modal input[type=text]{width:100%;padding:6px 10px;background:#111;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;font-family:inherit;margin-bottom:12px;box-sizing:border-box}.confirm-modal input[type=text]:focus{outline:none;border-color:var(--color-accent)}.confirm-btns{display:flex;justify-content:flex-end;gap:8px}.confirm-btns button{padding:6px 16px;border-radius:4px;border:1px solid #444;background:#222;color:#ccc;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}.confirm-btns button:hover{background:#333;color:#fff}.confirm-btn-danger{border-color:#a33!important;color:#f66!important}.confirm-btn-danger:hover{background:#3a1111!important}.confirm-btn-primary{background:#ffaa441f!important;border-color:#fa46!important;color:var(--color-accent)!important;font-weight:600}.confirm-btn-primary:hover{background:#ffaa4438!important}.preset-search-wrap{position:relative;margin-bottom:6px}.preset-search-input{width:100%;padding:5px 8px 5px 26px;background:#111;border:1px solid #333;border-radius:4px;color:#ccc;font-size:12px;font-family:inherit;box-sizing:border-box}.preset-search-input:focus{outline:none;border-color:#555}.preset-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none}.share-url-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.share-url-bar input{flex:1;padding:4px 8px;background:#111;border:1px solid #333;border-radius:4px;color:#ccc;font-size:11px;font-family:monospace}.share-url-bar button{padding:4px 10px;background:#222;border:1px solid #444;border-radius:4px;color:#ccc;font-size:11px;cursor:pointer;white-space:nowrap}.share-url-bar button:hover{background:#333;color:#fff}.scratch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scratch-modal{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:640px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;font-family:PT Sans,sans-serif;color:#ddd}.scratch-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.scratch-header h3{margin:0;font-size:14px;color:#fff}.scratch-close{cursor:pointer;color:#888;font-size:20px}.scratch-close:hover{color:#fff}.scratch-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.scratch-editor{flex:1;min-height:200px;overflow:auto}.scratch-editor textarea{width:100%;height:100%;min-height:200px;padding:12px;background:#111;border:none;color:#ccc;font-family:PT Mono,monospace;font-size:13px;resize:none;box-sizing:border-box}.scratch-editor textarea:focus{outline:none}.scratch-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #333}.scratch-status{font-size:11px;color:#666}.scratch-status.error{color:#f66}.scratch-btns{display:flex;gap:6px}.scratch-btns button{padding:5px 14px;border-radius:4px;border:1px solid #444;background:#222;color:#ccc;font-size:12px;cursor:pointer;font-family:inherit}.scratch-btns button:hover{background:#333;color:#fff}.scratch-btn-run{background:#44cc661f!important;border-color:#4c66!important;color:#4c6!important}.scratch-btn-run:hover{background:#44cc6638!important}.slot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slot-modal{background:#1a1a1a;border:2px solid #333;border-radius:16px;width:640px;max-width:94vw;max-height:90vh;overflow:visible;display:flex;flex-direction:column;font-family:PT Sans,sans-serif;color:#ddd;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0d;position:relative}.slot-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #2a2a2a}.slot-header h3{margin:0;font-size:13px;letter-spacing:4px;color:#888;font-weight:400}.slot-close{cursor:pointer;color:#555;font-size:22px}.slot-close:hover{color:#fff}.slot-machine{display:flex;align-items:stretch;padding:20px;gap:12px;position:relative}.slot-reels{display:flex;gap:8px;flex:1}.slot-reel{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.slot-reel-label{font-size:10px;letter-spacing:3px;font-weight:700;text-transform:uppercase}.slot-reel-viewport{width:100%;height:220px;background:linear-gradient(to right,#d8d8d8,#f2f2f2 20%,#fff,#f2f2f2 80%,#d8d8d8);border:1px solid #999;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 6px 12px #00000059,inset 0 -6px 12px #00000059,inset 4px 0 8px #00000026,inset -4px 0 8px #00000026,0 1px #ffffff0d}.slot-reel-strip{position:absolute;top:0;left:0;width:100%;will-change:transform}.slot-reel-cell{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid rgba(0,0,0,.06);transition:background .3s}.slot-reel-cell.slot-cell-hit{background:#ffffff80}.slot-reel-cell.slot-cell-hit .slot-cell-icon svg{filter:drop-shadow(0 0 4px currentColor);transform:scale(1.1)}.slot-reel-cell.slot-cell-hit .slot-cell-label{color:#222;font-weight:700}.slot-cell-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.slot-cell-icon svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.slot-reel[data-type=seek] .slot-cell-icon{color:#4a90d9}.slot-reel[data-type=input] .slot-cell-icon{color:#e67e22}.slot-reel[data-type=choreo] .slot-cell-icon{color:#27ae60}.slot-cell-label{font-size:8px;font-family:PT Mono,monospace;letter-spacing:.5px;color:#777;text-transform:uppercase}.slot-reel-fade{position:absolute;left:0;right:0;height:44px;pointer-events:none;z-index:1}.slot-reel-fade-top{top:0;background:linear-gradient(to bottom,rgba(180,180,180,.95) 0%,rgba(200,200,200,.5) 40%,transparent 100%)}.slot-reel-fade-bot{bottom:0;background:linear-gradient(to top,rgba(180,180,180,.95) 0%,rgba(200,200,200,.5) 40%,transparent 100%)}.slot-reel-center{position:absolute;left:3px;right:3px;top:50%;height:110px;transform:translateY(-50%);border-top:1.5px solid rgba(230,126,34,.4);border-bottom:1.5px solid rgba(230,126,34,.4);pointer-events:none;z-index:2}.slot-lever-wrap{position:absolute;right:-28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;filter:drop-shadow(-2px 4px 8px rgba(0,0,0,.5))}.slot-lever-shaft{width:8px;height:100px;background:linear-gradient(to right,#444,#666 30%,#555 70%,#3a3a3a);border-radius:4px;box-shadow:2px 0 4px #0000004d,-1px 0 2px #ffffff0d;position:relative}.slot-lever-shaft:before{content:"";position:absolute;top:10px;bottom:10px;left:2px;width:1px;background:#ffffff14}.slot-lever-ball{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f5a623,#e67e22 40%,#c0601a 80%,#8b4513);box-shadow:0 2px 4px #0006,0 4px 12px #e67e224d,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffc8644d;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:2;transition:top .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.slot-lever-ball:hover{box-shadow:0 2px 4px #0006,0 4px 16px #e67e2280,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffc86466}.slot-lever-ball:active{cursor:grabbing}.slot-lever-ball.slot-lever-pulled{top:calc(100% - 16px);box-shadow:0 2px 4px #0006,0 0 20px #e67e2280,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffc8644d}.slot-lever-ball:after{content:"";position:absolute;top:5px;left:8px;width:10px;height:6px;background:radial-gradient(ellipse,rgba(255,255,255,.5),transparent);border-radius:50%}.slot-lever-base{width:40px;height:14px;background:linear-gradient(to bottom,#555,#333);border-radius:4px 4px 8px 8px;box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff1a;border:1px solid #222}.slot-lever-label{font-size:8px;letter-spacing:2px;color:#555;text-transform:uppercase;margin-top:2px}.slot-options{padding:16px 20px 20px;border-top:1px solid #2a2a2a;overflow-y:auto;max-height:200px}.slot-options-title{font-size:10px;letter-spacing:3px;color:#555;margin-bottom:12px}.slot-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.slot-opt-row{display:flex;align-items:center;gap:8px}.slot-opt-row label{font-size:11px;color:#888;min-width:80px;flex-shrink:0}.slot-opt-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.slot-opt-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#888;cursor:pointer;border:none}.slot-opt-row input[type=range]::-webkit-slider-thumb:hover{background:#bbb}.slot-opt-value{font-size:11px;font-family:PT Mono,monospace;color:#aaa;min-width:32px;text-align:right}.slot-opt-toggle{padding:3px 10px;border-radius:4px;border:1px solid #333;background:#222;color:#666;font-size:10px;font-family:PT Mono,monospace;letter-spacing:1px;cursor:pointer;transition:all .15s}.slot-opt-toggle.active{background:#e67e2226;border-color:#e67e2266;color:#e67e22}.slot-opt-number{display:flex;align-items:center;gap:4px}.slot-opt-number button{width:22px;height:22px;border-radius:4px;border:1px solid #333;background:#222;color:#888;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.slot-opt-number button:hover{background:#333;color:#fff}.slot-opt-number span{font-size:12px;font-family:PT Mono,monospace;color:#ddd;min-width:24px;text-align:center}.crossview-highlight{position:absolute;width:8px;height:8px;border:2px solid var(--color-accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:5;display:none}.crossview-highlight.visible{display:block}.search-hidden{display:none!important}.mobile-view-toggle{display:none;position:fixed;bottom:16px;right:16px;z-index:200;width:48px;height:48px;border-radius:50%;border:1px solid #444;background:#141414e6;color:#aaa;cursor:pointer;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000080;transition:background .15s ease,color .15s ease}.mobile-view-toggle:active{background:#282828f2;color:#fff}.toggle-icon--uv{display:none}.toggle-icon--3d{display:block}.mobile-view-toggle.showing-3d .toggle-icon--3d{display:none}.mobile-view-toggle.showing-3d .toggle-icon--uv{display:block}@media(max-width:768px){.mobile-view-toggle{display:flex}#app{flex-direction:column}.divider{display:none}.panel{flex:none!important;width:100%;height:100%}#scene-panel,#app.mobile-3d #uv-panel{display:none}#app.mobile-3d #scene-panel{display:block}#debug-header,#debug-panel{width:100%}#app.tl-open~.mobile-view-toggle{bottom:108px}.tl-durations,.tl-speed-wrap,.tl-frame,.tl-inspector,.tl-actions{display:none!important}.tl-body{padding:4px 8px 8px}.tl-top-row{gap:8px;margin-bottom:4px}.tl-shift-active .tl-clip-randomize{opacity:1}}