:root{--accent: #C9A84C;--accent-light: #d4b47a;--accent-dim: rgba(201, 168, 76, .12);--accent-glow: rgba(201, 168, 76, .18);--bg: #0a0a0a;--bg2: #101010;--bg3: #181818;--bg4: #212121;--bg5: #2a2a2a;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(201, 168, 76, .28);--text: #efefef;--text-mid: #888;--text-dim: #555;--text-faint: #333;--select: var(--accent);--danger: #ff5050;--ok: #5CE0B0;--guide: #ff3366;--ruler-bg: #060606;--ruler-tick: rgba(255, 255, 255, .16);--ruler-text: rgba(255, 255, 255, .42);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--topbar-h: 46px;--assets-w: 200px;--layers-w: 220px;--inspector-w: 280px;--fx-w: 200px;--timeline-h: 220px;--ruler-w: 22px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;-webkit-font-smoothing:antialiased}#app{display:grid;height:100vh;grid-template-columns:minmax(180px,var(--layers-w)) minmax(400px,1fr) minmax(220px,var(--inspector-w));grid-template-rows:var(--topbar-h) 1fr var(--timeline-h);grid-template-areas:"topbar   topbar  topbar" "left     stage   right" "timeline timeline timeline";background:var(--bg)}#topbar{grid-area:topbar}#leftSidebar{grid-area:left}#stage{grid-area:stage;min-width:0;min-height:0;overflow:hidden}#rightSidebar{grid-area:right}#timeline{grid-area:timeline}.sidebar{display:flex;flex-direction:column;background:var(--bg2);overflow:hidden;min-height:0}#leftSidebar{border-right:1px solid var(--border)}#rightSidebar{border-left:1px solid var(--border)}#assetsPanel,#layersPanel,#inspector,#fxPanel{background:var(--bg2);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex:1 1 0;min-height:0;border-bottom:1px solid var(--border)}.sidebar>[id]:last-child{border-bottom:none}@media(max-width:1100px){#app{grid-template-columns:minmax(180px,var(--layers-w)) minmax(400px,1fr);grid-template-areas:"topbar    topbar" "left      stage" "timeline  timeline"}#rightSidebar{display:none}}#timeline{background:var(--bg2);border-top:1px solid var(--border);overflow:hidden}.panel-h{font:500 9px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid);padding:12px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:grab}.panel-h:active{cursor:grabbing}.panel-h .count{color:var(--accent);font-weight:500}.panel-h-grip{display:inline-block;color:var(--text-faint);font-size:10px;margin-right:8px;letter-spacing:-1px;transition:color .12s}.panel-h:hover .panel-h-grip{color:var(--text-mid)}.panel-dragging{opacity:.4}.panel-drop-indicator{height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent);margin:0 4px;pointer-events:none;border-radius:1px;flex-shrink:0}button{font:inherit;font-family:var(--font-mono);background:transparent;border:none;color:var(--text);cursor:pointer}input,select{font:inherit;font-family:var(--font-mono)}#topbar{background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:4px;-webkit-user-select:none;user-select:none}.tb-brand{font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:3px;color:var(--text);margin-right:16px}.tb-brand em{color:var(--accent);font-style:normal}.tb-spacer{flex:1}.tb-btn{width:30px;height:30px;border-radius:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text-mid);display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.tb-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border-strong)}.tb-btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.tb-btn.primary:hover{background:var(--accent-light)}.tb-btn.on{background:var(--accent-dim);color:var(--accent);border-color:var(--border-accent)}.tb-time{font-family:var(--font-mono);font-size:11px;color:var(--accent);padding:0 12px;letter-spacing:1px}.tb-zoom{font-family:var(--font-mono);font-size:10px;color:var(--text-mid);padding:0 8px;min-width:44px;text-align:center}.tb-select{height:30px;border-radius:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text-mid);font-family:var(--font-mono);font-size:10px;padding:0 6px;max-width:180px;transition:all .15s;cursor:pointer}.tb-select:hover{background:var(--bg4);color:var(--text);border-color:var(--border-strong)}.tb-select:focus{outline:none;border-color:var(--border-accent);color:var(--text)}.tb-custom-size{display:inline-flex;align-items:center;gap:3px}.tb-dim-input{width:52px;height:30px;border-radius:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:10px;text-align:center;padding:0 4px;transition:border-color .15s;-moz-appearance:textfield}.tb-dim-input::-webkit-inner-spin-button,.tb-dim-input::-webkit-outer-spin-button{-webkit-appearance:none}.tb-dim-input:focus{outline:none;border-color:var(--border-accent)}.tb-dim-sep{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.tb-dim-sep .am-wrap{display:flex;align-items:center;gap:4px;margin-left:6px}.tb-dim-sep .am-toggle{flex-shrink:0;color:var(--text-mid);opacity:.7}.tb-dim-sep .am-toggle:hover{opacity:1}.tb-dim-sep .am-toggle-on{color:var(--ok);opacity:1}.tb-dim-sep .am-panel{display:flex;align-items:flex-end;gap:3px}.tb-dim-sep .am-bars{display:flex;align-items:flex-end;gap:2px}.tb-dim-sep .am-ch-label{font:600 7px/1 var(--font-mono);color:var(--text-dim);letter-spacing:.5px;padding-bottom:1px}.tb-dim-sep .am-bar-canvas{display:block;border-radius:2px;image-rendering:pixelated}.tb-dim-sep .am-clip{font:700 7px/1 var(--font-mono);letter-spacing:.5px;color:var(--text-faint);background:var(--bg4);border:1px solid var(--border);border-radius:3px;padding:2px 4px;cursor:pointer;align-self:flex-start;margin-top:2px;transition:color .1s,border-color .1s;-webkit-user-select:none;user-select:none}.tb-dim-sep .am-clip-active{color:#ff3b30;border-color:#ff3b3080;background:#ff3b301f}.tb-dim-sep .am-scale{display:flex;flex-direction:column;justify-content:space-between;height:44px;font:400 6px/1 var(--font-mono);color:var(--text-faint);padding-left:2px}#stage{position:relative;background:var(--bg);display:grid;grid-template-columns:var(--ruler-w) 1fr;grid-template-rows:var(--ruler-w) 1fr}#stage.no-rulers{grid-template-columns:1fr;grid-template-rows:1fr}#stage.no-rulers .ruler{display:none}#stage.no-rulers .stage-viewport{grid-column:1;grid-row:1}.ruler{background:var(--ruler-bg);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;font:8px/1 var(--font-mono);color:var(--ruler-text)}#rulerCorner{background:var(--ruler-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}#rulerTop{grid-column:2;grid-row:1;border-bottom:1px solid var(--border)}#rulerLeft{grid-column:1;grid-row:2;border-right:1px solid var(--border)}.stage-viewport{grid-column:2;grid-row:2;position:relative;overflow:auto;background-color:#07090c;background-image:radial-gradient(circle,rgba(255,255,255,.085) 1px,transparent 1.6px),radial-gradient(ellipse 60% 50% at 50% 40%,rgba(140,200,255,.045) 0%,transparent 65%),linear-gradient(180deg,#0d1014,#07090c 55%,#02030500);background-size:24px 24px,auto,auto;background-position:0 0,center,center;background-repeat:repeat,no-repeat,no-repeat}.stage-canvas-wrap{position:absolute;top:0;left:0}#compCanvas{display:block;background:#000;box-shadow:0 0 0 1px #ffffff38,0 0 0 5px #080a0eeb,0 0 0 6px #ffffff0f,0 28px 64px #000000e6,0 0 36px #ffffff0f}#overlayCanvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ruler .mouse-tick{position:absolute;background:var(--accent);pointer-events:none}#rulerTop .mouse-tick{top:0;bottom:0;width:1px}#rulerLeft .mouse-tick{left:0;right:0;height:1px}#stageHud{position:absolute;top:calc(var(--ruler-w) + 8px);right:12px;background:#000000c7;border:1px solid var(--border-strong);border-radius:5px;padding:7px 11px;font:11px/1.4 var(--font-mono);color:var(--accent);pointer-events:none;opacity:0;transition:opacity .12s;white-space:pre;z-index:10}#stageHud.show{opacity:1}#stageHelp{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font:9px var(--font-mono);color:var(--text-dim);pointer-events:none;text-transform:uppercase;letter-spacing:1px}.stage-viewport.cur-move{cursor:move}.stage-viewport.cur-rotate{cursor:grab}.stage-viewport.cur-rotate.dragging{cursor:grabbing}.stage-viewport.cur-nwse{cursor:nwse-resize}.stage-viewport.cur-nesw{cursor:nesw-resize}.stage-viewport.cur-ns{cursor:ns-resize}.stage-viewport.cur-ew{cursor:ew-resize}.lyr-list{padding:4px 0}.lyr-row{display:grid;grid-template-columns:22px auto 1fr 22px 22px 22px;gap:4px;align-items:center;padding:6px 8px;font-family:var(--font-mono);font-size:11px;border-left:2px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.lyr-row:hover{background:var(--bg3)}.lyr-row.active{background:var(--accent-dim);border-left-color:var(--accent)}.lyr-row.off .lyr-name,.lyr-row.off .lyr-kind{opacity:.4}.lyr-eye{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);border-radius:4px;font-size:10px}.lyr-eye:hover{background:var(--bg4)}.lyr-row.off .lyr-eye{color:var(--text-dim)}.kbadge{background:var(--bg4);color:var(--text-mid);font-size:7.5px;letter-spacing:1px;padding:2px 4px;border-radius:3px;font-weight:500}.lyr-row.active .kbadge{background:var(--accent);color:#000}.lyr-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);font-size:12px}.lyr-btn{width:18px;height:18px;border-radius:4px;color:var(--text-dim);font-size:10px;display:inline-flex;align-items:center;justify-content:center}.lyr-btn:hover{background:var(--bg4);color:var(--text)}.lyr-empty{padding:18px 12px 14px;color:var(--text-dim);font-size:11px}.lyr-empty-msg{text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-mono);font-size:9px}.lyr-empty-picker{display:flex;flex-direction:column;gap:4px}.lyr-add-btn{width:22px;height:22px;border-radius:4px;background:var(--bg3);border:1px solid var(--border);color:var(--text-mid);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.lyr-add-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border-strong)}.lyr-add-btn.on{background:var(--accent);color:#000;border-color:var(--accent)}.lyr-add-menu{border-bottom:1px solid var(--border);background:var(--bg);padding:6px;display:flex;flex-direction:column;gap:3px}.lyr-add-menu[hidden]{display:none}.lyr-add-item{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;padding:8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:5px;cursor:pointer;text-align:left;transition:all .12s}.lyr-add-item:hover{background:var(--bg4);border-color:var(--border-accent)}.lyr-add-cat{font:500 8px/1 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:4px 6px;border-radius:3px;text-align:center}.lyr-add-label{font-family:var(--font-sans);font-size:12px;color:var(--text)}.insp-empty{padding:32px 18px;color:var(--text-dim);font-size:11px;text-align:center}.insp-section{border-bottom:1px solid var(--border)}.insp-section-h{padding:10px 14px 6px;font:500 9px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid);-webkit-user-select:none;user-select:none}.insp-section-body{padding:0 0 8px}.insp-row{display:grid;grid-template-columns:22px 80px 1fr 22px auto;gap:6px;align-items:center;padding:4px 12px;font-family:var(--font-mono);font-size:10.5px}.insp-row:hover{background:var(--bg3)}.sw{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);border-radius:4px;font-size:11px;transition:color .12s}.sw:hover{background:var(--bg4);color:var(--text-mid)}.sw.on{color:var(--accent)}.kf-diamond{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:12px;border-radius:4px}.kf-diamond.on{color:var(--accent);background:var(--accent-dim)}.kf-diamond:hover{background:var(--bg4);color:var(--accent)}.kf-easing{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:1px 3px;font-family:var(--font-mono);font-size:9px;cursor:pointer;min-width:60px}.kf-easing:focus{outline:1px solid var(--accent)}.insp-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-ctrl{min-width:0;display:flex;align-items:center;gap:4px}.insp-slider{display:grid;grid-template-columns:1fr 50px auto;gap:4px;align-items:center;width:100%}.insp-slider input[type=range]{accent-color:var(--accent);width:100%;min-width:0}.insp-unit{color:var(--text-dim);font-size:9px}.insp-point{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.insp-num,.insp-ctrl input[type=number],.insp-ctrl input[type=text]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-family:var(--font-mono);font-size:10px;width:100%;min-width:0}.insp-num:focus,.insp-ctrl input:focus{outline:1px solid var(--accent)}.insp-ctrl input[type=color]{width:100%;min-width:28px;height:22px;background:transparent;border:1px solid var(--border);border-radius:3px;padding:0;cursor:pointer}.insp-ctrl input[type=checkbox]{accent-color:var(--accent)}#timeline{display:flex;flex-direction:column}.tl-head{position:relative;height:22px;display:grid;grid-template-columns:200px 1fr;background:var(--bg);border-bottom:1px solid var(--border)}.tl-spacer{background:var(--bg2);border-right:1px solid var(--border)}.tl-ruler{width:100%;height:100%;cursor:ew-resize}.tl-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--accent);pointer-events:none;box-shadow:0 0 6px var(--accent-glow)}.tl-body{flex:1;overflow-y:auto;overflow-x:hidden}.tl-row{display:grid;grid-template-columns:200px 1fr;height:22px;border-bottom:1px solid var(--border);align-items:center}.tl-row-label{padding:0 10px;font-family:var(--font-mono);font-size:10px;border-right:1px solid var(--border);display:flex;gap:8px;align-items:center;height:100%;-webkit-user-select:none;user-select:none}.tl-group{color:var(--text-dim);font-size:8.5px;letter-spacing:1px;text-transform:uppercase}.tl-name{color:var(--text)}.tl-row-track{position:relative;height:22px;background:linear-gradient(to right,var(--bg2),var(--bg2))}.tl-kf{position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:9px;height:9px;background:var(--accent);box-shadow:0 0 4px var(--accent-glow);cursor:pointer}.tl-kf:hover{background:#fff;box-shadow:0 0 6px #fff9}.tl-kf.dragging{background:#fff;cursor:ew-resize;box-shadow:0 0 8px #fffc}.tl-empty{padding:24px 18px;color:var(--text-dim);font-size:11px;text-align:center}.fx-section{border-bottom:1px solid var(--border)}.fx-section-h{padding:8px 12px 6px;font:500 9px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid);-webkit-user-select:none;user-select:none}.fx-empty-msg{padding:12px;font-size:10px;color:var(--text-dim);font-family:var(--font-mono);text-align:center;line-height:1.6}.fx-slot{border-bottom:1px solid var(--border);transition:opacity .12s}.fx-slot.fx-bypassed{opacity:.42}.fx-slot.fx-dragging{opacity:.4}.fx-slot.fx-drag-over{border-top:2px solid var(--accent)}.fx-slot-header{display:grid;grid-template-columns:18px 18px 1fr auto auto;gap:4px;align-items:center;padding:5px 8px;font-family:var(--font-mono);font-size:10px;cursor:grab}.fx-slot-header:hover{background:var(--bg3)}.fx-slot-header:active{cursor:grabbing}.fx-drag-handle{color:var(--text-faint);cursor:grab;font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.fx-drag-handle:hover{color:var(--text-mid)}.fx-enable-btn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:var(--accent);border-radius:3px;padding:0}.fx-enable-btn.fx-off{color:var(--text-faint)}.fx-enable-btn:hover{background:var(--bg4)}.fx-slot-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.fx-slot-tag{font-size:7px;font-weight:600;padding:2px 4px;border-radius:3px;letter-spacing:.8px;flex-shrink:0}.fx-slot-tag.gl{background:var(--accent-dim);color:var(--accent)}.fx-slot-tag.cpu{background:var(--bg4);color:var(--text-mid)}.fx-del-btn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-faint);border-radius:3px;padding:0}.fx-del-btn:hover{color:var(--danger);background:var(--bg4)}.fx-slot-params{padding:4px 8px 8px;background:var(--bg3);border-top:1px solid var(--border)}.fx-param-row{display:grid;grid-template-columns:70px 1fr;gap:6px;align-items:center;padding:3px 0;font-family:var(--font-mono);font-size:9.5px}.fx-param-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.4px;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-slider-wrap{display:grid;grid-template-columns:1fr 44px;gap:4px;align-items:center}.fx-slider-wrap input[type=range]{accent-color:var(--accent);width:100%;min-width:0}.fx-param-num{background:var(--bg4);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-family:var(--font-mono);font-size:9px;width:100%;min-width:0}.fx-param-num:focus{outline:1px solid var(--accent)}.fx-param-row input[type=color]{width:100%;min-width:24px;height:20px;background:transparent;border:1px solid var(--border);border-radius:3px;padding:0;cursor:pointer}.fx-param-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.fx-cat-h{padding:8px 12px 4px;font:500 9px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid);-webkit-user-select:none;user-select:none}.fx-item{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:6px 12px;font-family:var(--font-mono);font-size:11px;border-bottom:1px solid var(--border)}.fx-item:hover{background:var(--bg3)}.fx-name{color:var(--text)}.fx-tag{font-size:8px;font-weight:600;padding:2px 5px;border-radius:3px;letter-spacing:1px}.fx-tag.gl{background:var(--accent-dim);color:var(--accent)}.fx-tag.cpu{background:var(--bg4);color:var(--text-mid)}.fx-add{background:var(--bg4);color:var(--accent);width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.fx-add:hover{background:var(--accent);color:#000}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:ccFadeIn .12s ease-out}@keyframes ccFadeIn{0%{opacity:0}to{opacity:1}}.cc-modal{width:min(680px,92vw);max-height:84vh;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a;overflow:hidden}.cc-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.cc-modal-title{font:500 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text)}.cc-modal-close{width:26px;height:26px;border-radius:4px;color:var(--text-mid);font-size:16px;line-height:1}.cc-modal-close:hover{background:var(--bg4);color:var(--text)}.cc-modal-hint{padding:10px 16px 0;font-size:11px;line-height:1.5;color:var(--text-mid)}.cc-modal-hint code{font-family:var(--font-mono);font-size:10.5px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--accent)}.cc-modal-textarea{flex:1;margin:12px 16px 0;padding:12px 14px;background:#050608;border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--text);resize:none;min-height:280px;outline:none;-moz-tab-size:2;tab-size:2}.cc-modal-textarea:focus{border-color:var(--border-accent)}.cc-modal-error{margin:8px 16px 0;padding:8px 12px;background:#ff505014;border:1px solid rgba(255,80,80,.4);border-radius:5px;font-family:var(--font-mono);font-size:11px;color:var(--danger);white-space:pre-wrap}.cc-modal-error[hidden]{display:none}.cc-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}.cc-btn{padding:7px 14px;border-radius:5px;background:var(--bg3);border:1px solid var(--border);color:var(--text-mid);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;transition:all .12s}.cc-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border-strong)}.cc-btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.cc-btn.primary:hover{background:var(--accent-light)}.assets-panel-h{position:relative}.assets-collapse-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-dim);font-size:14px;line-height:1;padding:0;flex-shrink:0}.assets-collapse-btn:hover{background:var(--bg4);color:var(--text)}#assetsPanel.collapsed .assets-body{display:none}.assets-body{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1}.assets-search-row{display:flex;gap:4px;padding:8px 8px 4px;flex-shrink:0}.assets-search{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px;padding:4px 7px;outline:none}.assets-search:focus{border-color:var(--accent)}.assets-import-btn{flex-shrink:0;padding:4px 8px;background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.assets-import-btn:hover{background:#c9a84c38;border-color:var(--accent)}.assets-dropzone{margin:4px 8px;padding:12px 8px;border:1px dashed var(--border-accent);border-radius:5px;text-align:center;color:var(--accent);font-family:var(--font-mono);font-size:9px;line-height:1.6;cursor:pointer;background:var(--accent-dim);transition:border-color .15s,background .15s;flex-shrink:0}.assets-dropzone:hover,.assets-dropzone.drag-over{border-color:var(--accent);background:#c9a84c38}.assets-dropzone-hint{color:var(--text-dim);font-size:8px;letter-spacing:.5px}.assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 8px 8px}.asset-thumb{aspect-ratio:1;border-radius:5px;background:var(--bg4);border:1px solid var(--border);cursor:grab;overflow:hidden;position:relative;transition:border-color .15s}.asset-thumb:hover{border-color:var(--accent)}.asset-thumb:active{cursor:grabbing}.asset-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.asset-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px}.asset-type-badge{position:absolute;bottom:2px;right:2px;font:700 6.5px/1 var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:#000000b3;padding:2px 3px;border-radius:2px;pointer-events:none}.asset-delete{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:3px;background:#0000008c;color:var(--text-dim);font-size:11px;display:none;align-items:center;justify-content:center;line-height:1;padding:0;z-index:2}.asset-thumb:hover .asset-delete{display:inline-flex}.asset-delete:hover{background:var(--danger);color:#fff}.assets-empty{grid-column:1 / -1;padding:20px 10px;color:var(--text-dim);font-size:10px;text-align:center;line-height:1.7;font-family:var(--font-mono)}#stage.asset-drop-over,#timeline.asset-drop-over{outline:2px solid var(--accent);outline-offset:-2px}