:root{--ink-0:#111014;--ink-1:#18171c;--ink-2:#201f26;--ink-3:#2a2932;--ink-4:#353440;--text-1:#f0eff4;--text-2:#a3a1ad;--text-3:#6b6975;--amber:#f2b13d;--amber-hot:#ffc95e;--amber-soft:#f2b13d24;--amber-glow:#f2b13d73;--paper:#f6f3ec;--paper-line:#e7e3d5;--paper-ink:#3a372e;--danger:#e5484d;--font-ui:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:8px;--edge:inset 0 1px 0 #ffffff09}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--text-1);background:var(--ink-0);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-3);border:2px solid var(--ink-1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.app{grid-template-rows:46px minmax(0,1fr) 248px;height:100%;display:grid}.main{grid-template-columns:218px minmax(0,1fr) 276px;min-height:0;display:grid}.scenetree{background:var(--ink-1);border-right:1px solid var(--ink-3);flex-direction:column;min-height:0;display:flex}.tree{flex:1;min-height:0;padding:0 6px 12px;overflow-y:auto}.tree-row{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;min-height:28px;padding:4px 6px;display:flex}.tree-row:hover{background:var(--ink-2)}.tree-row.is-selected{background:var(--ink-2);border-color:var(--ink-4);box-shadow:inset 2px 0 0 var(--amber)}.tree-row .tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.tree-project{color:var(--text-2);cursor:default}.tree-project .tree-name{letter-spacing:.04em;text-transform:uppercase;font-size:11px}.tree-project:hover{background:0 0}.tree-char .swatch{border:1px solid #ffffff2e;border-radius:4px;flex:none;width:13px;height:13px;position:relative;overflow:hidden}.tree-char .swatch input{opacity:0;cursor:pointer;position:absolute;inset:-6px}.tree-char .btn{opacity:0;min-width:22px;height:22px;padding:0 3px;transition:opacity .1s}.tree-char:hover .btn,.tree-char.is-selected .btn,.tree-char .tree-chevron{opacity:1}.tree-char.is-hidden .tree-name,.tree-char.is-hidden .swatch{opacity:.4}.tree-chevron{flex:none}.tree-chevron .icon{transition:transform .12s}.tree-chevron.is-open .icon{transform:rotate(90deg)}.tree-rename{appearance:none;background:var(--ink-0);border:1px solid var(--ink-4);min-width:0;color:var(--text-1);font-family:var(--font-ui);border-radius:5px;flex:1;padding:2px 6px;font-size:12px;font-weight:600}.tree-rename:focus{border-color:var(--amber);outline:none}.tree-bone{min-height:23px;color:var(--text-2);padding-top:2px;padding-bottom:2px}.tree-bone .tree-name{font-family:var(--font-mono);font-size:10.5px;font-weight:400}.tree-bone .bone-glyph{color:var(--text-3);text-align:center;flex:none;width:10px;font-size:8px}.tree-bone.is-selected{color:var(--amber);box-shadow:none;background:var(--amber-soft);border-color:#0000}.tree-empty{color:var(--text-3);padding:8px;font-size:11.5px}.topbar{background:linear-gradient(var(--ink-2), var(--ink-1));border-bottom:1px solid var(--ink-3);box-shadow:var(--edge);align-items:center;gap:10px;padding:0 14px;display:flex}.brand{align-items:center;gap:9px;margin-right:auto;display:flex}.brand-mark{width:18px;height:18px;color:var(--amber);place-items:center;display:grid}.brand-name{letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;font-weight:700}.brand-name em{color:var(--text-2);font-style:normal;font-weight:300}.topbar-hint{color:var(--text-3);letter-spacing:.02em;margin-right:12px;font-size:11px}.project-cluster{align-items:center;gap:2px;margin-right:auto;display:flex;position:relative}.brand{margin-right:18px}.project-name{appearance:none;color:var(--text-1);font-family:var(--font-ui);background:0 0;border:1px solid #0000;border-radius:7px;width:180px;padding:4px 8px;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s}.project-name:hover{background:var(--ink-2)}.project-name:focus{border-color:var(--ink-4);background:var(--ink-2);outline:none}.project-menu{z-index:50;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:10px;min-width:230px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 14px 36px #0000008c}.menu-row{appearance:none;width:100%;color:var(--text-1);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;font-weight:500;display:flex}.menu-row:hover{background:var(--ink-3)}.menu-row.is-current{color:var(--amber)}.menu-row.is-current:after{content:"●";margin-left:auto;font-size:8px}.menu-row.is-danger{color:var(--danger)}.menu-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-sep{background:var(--ink-3);height:1px;margin:5px 4px}.mode-seg{margin-right:14px}.assets-cluster{margin-right:14px;position:relative}.assets-menu{min-width:330px;padding:9px}.assets-menu .add-grid{margin-top:0}.my-rig-card{position:relative}.my-rig-remove{width:18px;height:18px;color:var(--text-3);opacity:0;border-radius:5px;place-items:center;font-size:13px;transition:opacity .1s;display:grid;position:absolute;top:4px;right:6px}.my-rig-card:hover .my-rig-remove{opacity:1}.my-rig-remove:hover{color:var(--danger);background:#e5484d1f}.mode-seg button{padding:5px 12px}.field-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.field-label{width:64px;color:var(--text-2);flex:none;font-size:11px}.field-input{appearance:none;background:var(--ink-2);border:1px solid var(--ink-3);min-width:0;color:var(--text-1);font-family:var(--font-ui);border-radius:6px;flex:1;padding:4px 8px;font-size:12px}.field-input:focus{border-color:var(--amber);outline:none}.field-color{border:1px solid var(--ink-3);background:var(--ink-2);cursor:pointer;border-radius:6px;width:34px;height:26px;padding:2px}.mono-label{font-family:var(--font-mono);text-transform:none;letter-spacing:0;font-size:10px}.add-card-new{color:var(--text-3);border-style:dashed}.add-card-new .add-card-plus{height:64px;color:var(--text-3);place-items:center;display:grid}.add-card-new:hover .add-card-plus{color:var(--amber)}.joint.is-build .joint-ring{stroke-dasharray:2.5 2}.rig-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0e9e;place-items:center;display:grid;position:fixed;inset:0}.rig-modal{background:var(--ink-1);border:1px solid var(--ink-4);border-radius:14px;grid-template-rows:50px minmax(0,1fr);width:min(960px,94vw);height:min(660px,90vh);display:grid;overflow:hidden;box-shadow:0 30px 80px #0009}.rig-modal-header{border-bottom:1px solid var(--ink-3);background:linear-gradient(var(--ink-2), var(--ink-1));align-items:center;gap:12px;padding:0 14px;display:flex}.rig-modal-track{font-size:12.5px;font-weight:700}.rig-modal-body{grid-template-columns:48px minmax(0,1fr) 264px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--ink-3);flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.tool-rail .btn{width:34px;height:34px}.rig-canvas-wrap{background:radial-gradient(110% 90% at 50% 14%, #17161c 0%, var(--ink-0) 70%);place-items:center;min-width:0;padding:16px;display:grid;position:relative}.rig-canvas{width:100%;height:100%;display:block}.rig-canvas.tool-select{cursor:default}.rig-canvas.tool-add .joint,.rig-canvas.tool-add .root-handle{cursor:copy}.rig-canvas.tool-delete .joint{cursor:not-allowed}.rig-options{border-left:1px solid var(--ink-3);background:var(--ink-1);overflow-y:auto}.root-handle.is-build{stroke-dasharray:2.5 2}.sync-dot{letter-spacing:.05em;color:var(--text-3);align-items:center;gap:6px;margin-right:10px;font-size:10.5px;display:inline-flex}.sync-dot:before{content:"";background:var(--text-3);border-radius:50%;width:7px;height:7px}.sync-dot.is-live{color:var(--text-2)}.sync-dot.is-live:before{background:#46c878;box-shadow:0 0 6px #46c878b3}.sync-dot.is-connecting:before{background:var(--amber)}.btn{appearance:none;min-width:28px;height:28px;color:var(--text-2);font-family:var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--ink-3);color:var(--text-1)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:default}.btn.is-on{color:var(--amber);background:var(--amber-soft)}.btn.btn-danger:hover:not(:disabled){color:var(--danger);background:#e5484d1f}.btn-solid{background:var(--ink-3);border-color:var(--ink-4);color:var(--text-1)}.btn-solid:hover:not(:disabled){background:var(--ink-4)}.select{appearance:none;border:1px solid var(--ink-3);background:var(--ink-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6'><path d='M1 1.2 4 4.4 7 1.2' fill='none' stroke='%236b6975' stroke-width='1.4' stroke-linecap='round'/></svg>") no-repeat right 8px center;height:26px;color:var(--text-1);font-family:var(--font-ui);cursor:pointer;border-radius:7px;padding:0 22px 0 9px;font-size:11.5px}.select:hover{border-color:var(--ink-4)}.stage-area{background:radial-gradient(120% 90% at 50% 12%, #17161c 0%, var(--ink-0) 70%);min-width:0;min-height:0;padding:22px;position:relative}.stage{width:100%;height:100%;display:block}.figure-hit{cursor:pointer}.figure-selected{filter:drop-shadow(0 0 7px #f2b13d47)}.joint{cursor:grab}.joint:active{cursor:grabbing}.joint .joint-ring{fill:#ffffffd1;stroke:var(--paper-ink);stroke-width:1.2px;transition:r .1s}.joint:hover .joint-ring,.joint.is-dragging .joint-ring,.joint.is-bone-selected .joint-ring{fill:var(--amber);stroke:#1c1206}.joint .joint-pin{fill:var(--paper-ink);pointer-events:none}.joint:hover .joint-pin,.joint.is-dragging .joint-pin{fill:#1c1206}.root-handle{cursor:move;fill:#ffffffd9;stroke:var(--paper-ink);stroke-width:1.3px}.root-handle:hover,.root-handle.is-dragging{fill:var(--amber);stroke:#1c1206}.stage-empty{pointer-events:none;color:var(--text-3);letter-spacing:.04em;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.stage-zoom-chip{appearance:none;font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--ink-3);cursor:pointer;background:#18171ce0;border-radius:6px;padding:4px 9px;font-size:10.5px;transition:color .12s,border-color .12s;position:absolute;bottom:30px;right:32px}.stage-zoom-chip:hover{color:var(--amber);border-color:var(--ink-4)}.sidebar{background:var(--ink-1);border-left:1px solid var(--ink-3);flex-direction:column;min-height:0;display:flex}.panel{border-bottom:1px solid var(--ink-3);padding:12px 12px 14px}.panel-title{letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;margin:0 2px 9px;font-size:10.5px;font-weight:700;display:flex}.cast-panel{flex-direction:column;flex:1;min-height:0;display:flex}.cast-list{flex-direction:column;gap:2px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.cast-row{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cast-row:hover{background:var(--ink-2)}.cast-row.is-selected{background:var(--ink-2);border-color:var(--ink-4);box-shadow:inset 2px 0 0 var(--amber)}.cast-row .swatch{border:1px solid #ffffff2e;border-radius:5px;flex:none;width:16px;height:16px;position:relative;overflow:hidden}.cast-row .swatch input{opacity:0;cursor:pointer;position:absolute;inset:-6px}.cast-row .cast-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.cast-row .cast-kind{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.cast-row .btn{min-width:24px;height:24px;padding:0 4px}.cast-row.is-hidden .swatch,.cast-row.is-hidden .cast-name{opacity:.4}.add-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.add-card{appearance:none;border:1px solid var(--ink-3);background:var(--ink-2);color:var(--text-2);font-family:var(--font-ui);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;font-size:11px;font-weight:600;transition:border-color .12s,background .12s,transform 80ms;display:flex}.add-card:hover{border-color:var(--amber);color:var(--text-1);transform:translateY(-1px)}.add-card svg{display:block}.kf-fields{align-items:center;gap:8px;display:flex}.kf-frame{font-family:var(--font-mono);color:var(--amber);background:var(--amber-soft);border-radius:6px;padding:4px 8px;font-size:11.5px}.kf-empty{color:var(--text-3);margin:2px;font-size:11.5px}.seg{border:1px solid var(--ink-3);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{appearance:none;color:var(--text-2);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:11px;font-weight:600}.seg button.is-on{background:var(--amber-soft);color:var(--amber)}.project-actions{flex-wrap:wrap;gap:6px;display:flex}.hints{color:var(--text-3);margin-top:auto;padding:10px 14px 12px;font-size:10.5px;line-height:1.9}.hints kbd{font-family:var(--font-mono);background:var(--ink-2);border:1px solid var(--ink-3);color:var(--text-2);border-bottom-width:2px;border-radius:4px;margin-right:2px;padding:1px 5px;font-size:9.5px}.timeline{background:var(--ink-1);border-top:1px solid var(--ink-3);flex-direction:column;min-height:0;display:flex}.timeline-toolbar{border-bottom:1px solid var(--ink-3);height:46px;box-shadow:var(--edge);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid}.tl-left,.tl-right{align-items:center;gap:6px;display:flex}.tl-right{justify-content:flex-end}.transport{align-items:center;gap:4px;display:flex}.play-btn{background:var(--amber);color:#1c1206;border:none;border-radius:50%;width:34px;min-width:34px;height:34px;margin:0 6px;box-shadow:0 2px 10px #f2b13d59}.play-btn:hover:not(:disabled){background:var(--amber-hot);color:#1c1206}.time-readout{font-family:var(--font-mono);color:var(--text-3);align-items:baseline;gap:6px;margin-right:4px;font-size:12px;display:flex}.time-readout .now{color:var(--amber);font-weight:600}.frame-chip{font-family:var(--font-mono);color:var(--text-2);background:var(--ink-2);border:1px solid var(--ink-3);border-radius:5px;padding:2px 6px;font-size:10.5px}.zoom{color:var(--text-3);align-items:center;gap:6px;display:flex}.zoom input[type=range]{appearance:none;background:var(--ink-3);border-radius:2px;outline:none;width:86px;height:3px}.zoom input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-2);cursor:pointer;border-radius:50%;width:11px;height:11px;transition:background .12s}.zoom input[type=range]:hover::-webkit-slider-thumb{background:var(--amber)}.timeline-body{flex:1;grid-template-columns:172px minmax(0,1fr);min-height:0;display:grid}.track-gutter{border-right:1px solid var(--ink-3);background:var(--ink-1);flex-direction:column;display:flex;overflow:hidden}.gutter-head{letter-spacing:.18em;text-transform:uppercase;height:26px;color:var(--text-3);border-bottom:1px solid var(--ink-3);flex:none;align-items:center;padding:0 12px;font-size:9.5px;font-weight:700;display:flex}.gutter-row{cursor:pointer;border-bottom:1px solid #2a29328c;flex:none;align-items:center;gap:8px;height:38px;padding:0 8px 0 12px;display:flex}.gutter-row:hover{background:var(--ink-2)}.gutter-row.is-selected{background:var(--ink-2);box-shadow:inset 2px 0 0 var(--amber)}.gutter-row .dot{border-radius:3px;flex:none;width:9px;height:9px}.gutter-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.gutter-row.is-hidden .name,.gutter-row.is-hidden .dot{opacity:.38}.gutter-row .btn{min-width:22px;height:22px;padding:0 3px}.lanes-wrap{min-width:0;position:relative;overflow:hidden}.lanes{background:var(--ink-0);cursor:crosshair;height:100%;position:relative;overflow:hidden auto}.ruler{cursor:grab}.ruler:active{cursor:grabbing}.lanes-inner{min-width:100%;min-height:100%;position:relative}.ruler{z-index:2;background:var(--ink-1);border-bottom:1px solid var(--ink-3);cursor:ew-resize;height:26px;position:sticky;top:0}.ruler svg{display:block}.ruler text{font-family:var(--font-mono);fill:var(--text-3);font-size:9px}.ruler line{stroke:var(--ink-4)}.lane-row{border-bottom:1px solid #2a29328c;height:38px;position:relative}.lane-row.is-selected{background:#f2b13d0b}.kf{cursor:grab;background:#b9b6c5;border:1px solid #14131a;border-radius:2.5px;width:11px;height:11px;transition:transform 90ms,background 90ms,box-shadow 90ms;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.kf:hover{background:#e8e6f0;transform:translate(-50%,-50%)rotate(45deg)scale(1.22)}.kf.is-selected{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft), 0 0 9px var(--amber-glow)}.kf.is-dragging{cursor:grabbing;transform:translate(-50%,-50%)rotate(45deg)scale(1.22)}.playhead{z-index:3;pointer-events:none;width:0;position:absolute;top:0;bottom:0}.playhead-fixed{z-index:6;left:50%}.marquee{z-index:7;border:1px solid var(--amber);background:var(--amber-soft);pointer-events:none;border-radius:3px;position:absolute}.hold-strip{background:#b9b6c542;border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.sel-chip{font-family:var(--font-mono);color:var(--amber);background:var(--amber-soft);border-radius:5px;padding:3px 7px;font-size:10.5px}.playhead .line{background:var(--amber);width:2px;box-shadow:0 0 7px var(--amber-glow);position:absolute;top:0;bottom:0;left:-1px}.playhead .grab{pointer-events:auto;cursor:ew-resize;width:14px;height:22px;position:absolute;top:0;left:-7px}.playhead .cap{background:var(--amber);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);border-radius:3px 3px 1px 1px;width:13px;height:15px;position:absolute;top:0;left:-6.5px}.playhead-ghost{z-index:2}.playhead-ghost .line{background:var(--peer-color);width:1.5px;box-shadow:none;opacity:.55}.playhead-ghost .ghost-cap{background:var(--peer-color);opacity:.9;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:-4px}.lanes-empty{color:var(--text-3);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:26px 0 0}