:root{--bg: #16181c;--panel: #1f2228;--panel2: #262a31;--border: #33383f;--text: #d7dae0;--muted: #8b919c;--accent: #6fa8dc;--select: #ffb347;--danger: #e06c75;--animate: #c4587a;font-size:13px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.active{border-color:var(--accent);background:#2b3a4a}button.primary{background:#2b5c8a;border-color:#3a76ad}button.icon{padding:2px 7px}button.danger{color:var(--danger)}button.small{padding:2px 8px;font-size:11px}input,select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-size:12px}input:focus{outline:none;border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:11px}.error{color:var(--danger);padding:4px 8px}.flex-spacer{flex:1}.app{display:grid;grid-template:"topbar topbar topbar" 42px "left center right" 1fr / 250px 1fr 270px;height:100%}.topbar{grid-area:topbar;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--panel);border-bottom:1px solid var(--border)}.project-name{width:160px;font-weight:600}.save-state{font-size:11px;color:var(--muted);min-width:52px}.save-state.dirty{color:var(--select)}.toolbar-group{display:flex;gap:4px;padding:0 6px;border-left:1px solid var(--border)}.mode-badge{font-size:11px;letter-spacing:1px;color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:2px 10px}.panel-col{display:flex;flex-direction:column;background:var(--panel);overflow:hidden}.panel-col.left{grid-area:left;border-right:1px solid var(--border)}.panel-col.right{grid-area:right;border-left:1px solid var(--border)}.center{grid-area:center;display:flex;flex-direction:column;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;flex:1;border-bottom:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-weight:600;font-size:12px;letter-spacing:.5px;background:var(--panel2);border-bottom:1px solid var(--border)}.panel-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.panel.collapsed{flex:0 0 auto}.panel.collapsed .panel-body{display:none}.panel-body{overflow:auto;flex:1;padding:4px 0}.panel-hint{color:var(--muted);font-size:11px;padding:8px 10px}.viewport{flex:1;position:relative;min-height:0}.viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;display:block}.tree-row{display:flex;align-items:center;gap:6px;padding:2px 8px;cursor:pointer;white-space:nowrap}.tree-row:hover{background:var(--panel2)}.tree-row.selected{background:#3a3325;color:var(--select)}.tree-row.drop-target{outline:1px dashed var(--accent)}.tree-row.drop-before{box-shadow:0 -2px 0 var(--accent)}.tree-row.drop-after{box-shadow:0 2px 0 var(--accent)}.tree-row.eff-hidden .tree-name,.tree-row.eff-hidden .tree-icon{opacity:.45}.eye{visibility:hidden;font-size:10px;line-height:1}.tree-row:hover .eye,.eye.off{visibility:visible}.eye.off{opacity:.3}.tree-row.slot{color:var(--muted)}.tree-row.slot.selected{color:var(--select)}.tree-icon{font-size:11px}.tree-chevron{width:10px;flex-shrink:0;color:var(--muted);font-size:9px;text-align:center;cursor:pointer}.tree-chevron.empty{cursor:default}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-del{visibility:hidden}.tree-row:hover .tree-del{visibility:visible}.rename-input{flex:1;min-width:60px;padding:1px 4px}.asset-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px;align-content:flex-start}.asset-thumb{width:64px;cursor:grab;text-align:center;border:1px solid var(--border);border-radius:4px;padding:4px;background:var(--bg)}.asset-thumb img{max-width:54px;max-height:44px;object-fit:contain;image-rendering:pixelated}.asset-name{display:block;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-row{display:flex;align-items:center;gap:6px;padding:3px 10px}.prop-label{width:48px;color:var(--muted);font-size:11px}.prop-static{flex:1;overflow:hidden;text-overflow:ellipsis}.prop-row input{flex:1;min-width:0}.prop-group{padding:4px 10px;border-top:1px solid var(--border);margin-top:4px}.prop-group-title{font-size:11px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin:2px 0 4px;display:flex;align-items:center;gap:6px}.number-field{display:flex;align-items:center;gap:6px;margin:2px 0}.number-field .nf-label{width:48px;color:var(--muted);font-size:11px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.number-field input{flex:1;min-width:0}.number-field.disabled .nf-label{cursor:default;opacity:.5}.key-btn{padding:0 5px;font-size:10px;color:var(--muted)}.key-btn.keyed{color:var(--select);border-color:var(--select)}.anim-row{display:flex;align-items:center;gap:4px;padding:3px 10px;cursor:pointer}.anim-row:hover{background:var(--panel2)}.anim-row.selected{background:#3a2530;color:#e88aa8}.anim-row.setup.selected{background:#253546;color:var(--accent)}.anim-row .icon{visibility:hidden}.anim-row:hover .icon{visibility:visible}.anim-meta{padding:8px 10px;border-top:1px solid var(--border);margin-top:6px}.check-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:4px}.timeline{height:230px;display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--panel)}.tl-header{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid var(--border);background:var(--panel2)}.tl-time{font-variant-numeric:tabular-nums;min-width:90px}.tl-main{display:flex;flex:1;min-height:0}.tl-labels{width:170px;border-right:1px solid var(--border);overflow:hidden;flex-shrink:0}.tl-label{display:flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;white-space:nowrap;cursor:pointer}.tl-label.bone{font-weight:600}.tl-label.channel{color:var(--muted);padding-left:24px}.tl-label.slot{color:var(--muted);padding-left:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-scroll{flex:1;overflow:auto;position:relative}.tl-canvas{position:relative;cursor:default;-webkit-user-select:none;user-select:none}.tl-ruler{position:absolute;top:0;left:0;right:0;height:26px;border-bottom:1px solid var(--border);background:var(--panel2);cursor:ew-resize}.tl-tick{position:absolute;bottom:0;width:1px;height:6px;background:var(--muted)}.tl-tick.major{height:12px}.tl-tick.major span{position:absolute;bottom:10px;left:3px;font-size:10px;color:var(--muted)}.tl-row{position:absolute;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.04)}.tl-row.bone{background:#ffffff08}.tl-key{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:var(--accent);transform:rotate(45deg);cursor:pointer;border:1px solid #0008}.tl-key.step{border-radius:0 50% 50% 0}.tl-key.aggregate{background:var(--muted);opacity:.5;pointer-events:none}.tl-key.vis{transform:none;border-radius:2px;background:#8a6fdc}.tl-tween{position:absolute;top:50%;height:12px;margin-top:-6px;cursor:pointer;color:var(--accent)}.tl-tween:before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-1px;border-top:2px solid currentColor;opacity:.55}.tl-tween.bezier{color:#d9a941}.tl-tween.bezier:before{border-top-width:3px;border-radius:3px}.tl-tween.step{color:var(--muted)}.tl-tween.step:before{border-top-style:dashed;border-top-width:1px;opacity:.35}.tl-tween:hover:before{opacity:1}.tl-tween.selected{color:var(--select)}.tl-tween.selected:before{opacity:1;box-shadow:0 0 6px #ffb34799}.tl-key.vis.off{background:transparent;border:1.5px solid #8a6fdc}.tl-key.selected{background:var(--select);outline:1px solid #fff}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--animate);pointer-events:none}.tl-playhead:before{content:"";position:absolute;top:0;left:-5px;border:5px solid transparent;border-top-color:var(--animate)}.tl-marquee{position:absolute;border:1px dashed var(--accent);background:#6fa8dc1a;pointer-events:none}.easing-popover{position:fixed;z-index:50;background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 24px #000a}.custom-bezier{display:flex;gap:3px}.custom-bezier input{width:42px;padding:2px 4px}.projects-screen{height:100%;display:flex;align-items:center;justify-content:center}.projects-card{width:420px;max-height:80vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px}.projects-card h1{margin:0 0 4px}.new-project{display:flex;gap:8px;margin:16px 0}.new-project input{flex:1}.project-list{list-style:none;margin:0;padding:0}.project-list li{display:flex;gap:6px;margin-bottom:6px}.project-open{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:8px 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.modal-header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel2);border-bottom:1px solid var(--border)}.preview-modal{width:min(80vw,900px)}.preview-canvas{width:100%;height:min(60vh,600px);display:block}