:root{color:#dce1e8;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#15191f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#dce1e8;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#222933;border:1px solid #343d48;border-radius:5px;min-height:36px;padding:0 12px}button:hover:not(:disabled){background:#303b46;border-color:#526275}button:disabled,input:disabled,select:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #b7f36b}button.active{color:#b7f36b;background:#b7f36b0c;border-color:#647947}button.accent{color:#15210d;background:#b7f36b;border-color:#b7f36b;font-weight:650}button.accent:hover:not(:disabled){background:#c9ff8a;border-color:#c9ff8a}button.full{width:100%}button.large{min-height:44px;padding:0 25px}input,select{color:#dce1e8;background:#171d24;border:1px solid #39414c;border-radius:4px;min-height:32px;padding:4px 8px}input[type=range]{accent-color:#b7f36b;cursor:pointer;touch-action:none;padding:0}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}kbd{font:inherit;background:#17281026;border:1px solid #607b4560;border-radius:3px;margin-left:8px;padding:2px 5px}h1,h2,p{margin:0}h2{font-size:16px;font-weight:550}p{color:#9ca8b8;line-height:1.7}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template:"header header header"62px"toolbar toolbar toolbar"48px"hierarchy viewport inspector"minmax(150px,1fr)"timeline timeline timeline"252px"status status status"32px/225px minmax(0,1fr) 250px;display:grid}.topbar{background:#181e25;border-bottom:1px solid #303741;grid-area:header;align-items:center;gap:24px;padding:0 18px;display:flex}.brand{letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand-mark{color:#202b13;letter-spacing:-2px;background:#b7f36b;border-radius:7px;place-items:center;width:31px;height:31px;padding-right:2px;font-size:22px;display:grid}.brand small{letter-spacing:1.8px;color:#81909f;margin-top:3px;font-size:8px;font-weight:550;display:block}.project-title{color:#a7b2c1;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.connection{letter-spacing:1.5px;color:#9fb48b;border:1px solid #3b463a;border-radius:3px;margin-left:15px;padding:4px 6px;font-size:8px}.connection.offline{color:#b7f36b}.header-actions,.tool-group{align-items:center;gap:6px;display:flex}.toolbar{background:#191f26;border-bottom:1px solid #303741;grid-area:toolbar;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.toolbar button{min-height:32px;font-size:11px}.separator{background:#39414c;width:1px;height:20px;margin:0 5px}.panel{background:#191f26;flex-direction:column;min-height:0;display:flex;overflow:auto}.hierarchy{border-right:1px solid #303741;grid-area:hierarchy}.inspector{border-left:1px solid #303741;grid-area:inspector;gap:14px;padding:0 16px 16px}.panel-heading{letter-spacing:1.6px;color:#abb6c5;flex-shrink:0;justify-content:space-between;align-items:center;min-height:44px;font-size:9px;font-weight:600;display:flex}.hierarchy .panel-heading{padding:0 14px}.panel-heading span{letter-spacing:0;color:#6e7e90;font-size:9px;font-weight:400}.model-label{color:#9eacba;white-space:nowrap;text-overflow:ellipsis;background:#212832;flex-shrink:0;padding:11px 14px;font-size:11px;overflow:hidden}.bone-tree{flex:1;padding:8px 0;overflow:auto}.bone-row{border-left:2px solid #0000;align-items:center;min-height:38px;display:flex}.bone-row.selected{background:#b7f36b11;border-left-color:#b7f36b}.bone-row>button[role=treeitem]{text-align:left;text-overflow:ellipsis;background:0 0;border:0;flex:1;min-width:0;padding:0 7px 0 2px;font-size:11px;overflow:hidden}.bone-row.selected>button{color:#b7f36b}.bone-row .collapse{color:#798898;background:0 0;border:0;width:26px;min-height:32px;padding:0;font-size:17px}.collapse-spacer{flex-shrink:0;width:26px}.bone-icon{color:#82969b;margin-right:8px;font-size:14px}.selected .bone-icon{color:#b7f36b}.panel-foot{color:#66788b;letter-spacing:1.3px;border-top:1px solid #303741;padding:14px 12px;font-size:8px}.viewport-area{background:#1c222a;grid-area:viewport;min-height:0;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}.viewport-top,.viewport-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;left:18px;right:18px}.viewport-top{top:12px}.viewport-top>div{pointer-events:auto;gap:6px;display:flex}.viewport-top button{background:#1d252cbb;min-height:32px;font-size:10px}.view-label{letter-spacing:1.3px;color:#a1aebc;font-size:9px}.view-label span{color:#526170;padding:0 6px}.viewport-bottom{color:#8091a4;font-size:10px;bottom:12px}.viewport-bottom span:first-child{color:#b4c2d0}.empty-state{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:45px 10px 35px}.empty-state button{pointer-events:auto}.empty-symbol{color:#b7f36b;margin-bottom:12px;font-size:40px}.eyebrow{letter-spacing:2.4px;color:#9dabba;margin-bottom:12px;font-size:8px}.empty-state h1{letter-spacing:-1px;color:#e9eef3;margin-bottom:12px;font-size:clamp(20px,2.8vw,34px);font-weight:500}.empty-state p{margin-bottom:22px;font-size:12px}.demo-actions{color:#7d90a3;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.demo-actions button{min-height:32px;font-size:10px}.inspector h2{overflow-wrap:anywhere;margin-top:-7px;font-size:16px}.inspector-note{font-size:11px;line-height:1.6}.section-label{letter-spacing:1.4px;color:#9daabc;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex}.section-label span{letter-spacing:0;color:#6e8195;font-size:9px;font-weight:400}.axis-control{grid-template-columns:20px 64px 1fr;align-items:center;gap:8px;margin-top:-5px;display:grid}.axis-control label{font-weight:600}.axis-x label{color:#f59091}.axis-y label{color:#b7f36b}.axis-z label{color:#8eafff}.axis-control input{font-variant-numeric:tabular-nums;width:100%;min-width:0}.axis-control input[type=range]{background:0 0;border:0;height:36px}.key-card{background:#252e27;border:1px solid #405039;border-radius:6px;margin:2px -3px;padding:12px}.key-card strong{font-size:11px;font-weight:550}.diamond{color:#b7f36b;margin-right:8px}.key-card p{margin:9px 0 12px;font-size:10px}.key-card button{font-size:10px}.timeline{background:#171e26;border-top:1px solid #3a444f;flex-direction:column;grid-area:timeline;min-width:0;padding:0 18px;display:flex;overflow:hidden}.timeline-heading{justify-content:space-between;align-items:center;gap:14px;min-height:52px;display:flex}.clip-controls,.playback{align-items:center;gap:6px;display:flex}.clip-controls .section-label{margin-right:10px}.clip-controls select{width:140px}.clip-controls button{min-height:32px;font-size:10px}.playback>button{background:0 0;border-color:#0000;min-width:34px;padding:0 8px;font-size:16px}.playback .play{color:#1a2a0c;background:#b7f36b;width:40px;font-size:15px}.frame-input{letter-spacing:1px;color:#90a2b8;align-items:center;gap:8px;margin-left:9px;font-size:8px;display:flex}.frame-input input{text-align:center;letter-spacing:0;width:56px;font-size:12px}.frame-input span{letter-spacing:0;color:#748599;font-size:10px}.clip-settings{color:#8294a7;align-items:center;gap:18px;min-height:36px;font-size:10px;display:flex}.clip-settings label{align-items:center;gap:6px;display:flex}.clip-settings input{width:140px;min-height:28px;font-size:10px}.clip-settings input[type=number]{width:55px}.clip-key-count{margin-left:auto}.ruler{color:#657c92;font-variant-numeric:tabular-nums;justify-content:space-between;margin:10px 10px 0 88px;font-size:9px;display:flex}.scrubber{background:0 0;border:0;width:calc(100% - 78px);min-height:28px;max-height:28px;margin:0 0 0 78px}.key-lane{background:#1e2832;border-block:1px solid #303c49;align-items:center;height:40px;min-height:40px;display:flex;position:relative}.lane-name{letter-spacing:1.1px;color:#8da1b6;flex-shrink:0;width:88px;padding-left:8px;font-size:8px}.lane-track{background:repeating-linear-gradient(90deg,#0000,#0000 calc(10% - 1px),#34445470 calc(10% - 1px) 10%);flex:1;height:100%;margin-right:10px;position:relative}.playhead{pointer-events:none;z-index:1;background:#b7f36b;width:1px;position:absolute;top:0;bottom:0}.key-dot{color:#9bb56f;background:0 0;border:0;border-radius:0;width:28px;min-height:38px;padding:0;font-size:16px;position:absolute;top:0;transform:translate(-50%)}.key-dot.current{color:#d6ff9f;text-shadow:0 0 8px #b7f36b90}.timeline-footer{color:#677f97;flex:1;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.timeline-footer>div,.timeline-footer label{align-items:center;gap:6px;display:flex}.timeline-footer input{width:50px;min-height:28px}.timeline-footer button{min-height:30px;font-size:10px}.statusbar{color:#788da0;background:#131920;border-top:1px solid #303741;grid-area:status;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 12px;font-size:9px;display:flex}.statusbar>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.statusbar>span:first-child{color:#a0b18f;flex:1}.statusbar>span:last-child{max-width:47%}.statusbar .error{color:#ffb09b!important}.status-divider{color:#3f505f;padding:0 8px}.busy-overlay{z-index:10;background:#141b25a0;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #52614b;border-top-color:#b7f36b;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#080d13b0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#1b232d;border:1px solid #465362;border-radius:10px;width:620px;max-width:100%;max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 25px 100px #0007}.modal-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.modal-title h2{font-size:20px}.modal-title button{width:36px;padding:0}.modal p{margin:12px 0;font-size:12px}.project-list{flex-direction:column;gap:10px;margin:20px 0;display:flex}.project-item{background:#242e38;border-radius:5px;align-items:center;gap:8px;padding:12px;display:flex}.project-item>div{flex:1;min-width:0}.project-item strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.project-item small{color:#8498aa;margin-top:5px;font-size:9px;display:block}.project-item button{padding:0 8px;font-size:10px}.hide-hierarchy{grid-template-columns:0 minmax(0,1fr) 250px}.hide-hierarchy .hierarchy{display:none}.hide-inspector{grid-template-columns:225px minmax(0,1fr) 0}.hide-inspector .inspector{display:none}.hide-hierarchy.hide-inspector{grid-template-columns:0 minmax(0,1fr) 0}@media (width<=1100px){.app{grid-template-rows:56px 46px minmax(120px,1fr) 236px 28px;grid-template-columns:190px minmax(0,1fr) 220px}.hide-hierarchy{grid-template-columns:0 minmax(0,1fr) 220px}.hide-inspector{grid-template-columns:190px minmax(0,1fr) 0}.hide-hierarchy.hide-inspector{grid-template-columns:0 minmax(0,1fr) 0}.topbar{gap:15px;padding:0 12px}.project-title .connection{display:none}.inspector{gap:12px;padding-inline:12px}.toolbar{padding:0 10px}.toolbar button{padding:0 9px}.timeline{padding:0 12px}.clip-controls .section-label{display:none}.timeline-heading{min-height:48px}.timeline-footer>span{display:none}.timeline-footer{justify-content:flex-end}.empty-state p{margin-bottom:14px}.empty-symbol{margin-bottom:5px}.demo-actions{margin-top:12px}.viewport-bottom span:last-child{display:none}}@media (pointer:coarse){button,.bone-row,.bone-row>button[role=treeitem]{min-height:44px}.axis-control input{min-height:38px}.axis-control input[type=range]::-webkit-slider-thumb{min-width:22px;min-height:22px}.playback>button{min-width:40px;min-height:40px}.timeline-footer button{min-height:36px}}@media (width<=800px){.app{grid-template-rows:52px 44px minmax(100px,1fr) 230px 28px;grid-template-columns:160px minmax(0,1fr) 0}.inspector{display:none}.hide-hierarchy,.hide-hierarchy.hide-inspector{grid-template-columns:0 minmax(0,1fr) 0}.hide-inspector{grid-template-columns:160px minmax(0,1fr) 0}.project-title{display:none}.topbar{justify-content:space-between}.brand{font-size:12px}.brand small{font-size:7px}.header-actions{gap:4px}.header-actions button{padding:0 8px;font-size:10px}.tool-group{gap:4px}.toolbar button{padding:0 6px;font-size:9px}.toolbar .tool-group:last-child button:last-child{display:none}.clip-controls select{width:105px}.clip-controls button{padding:0 6px}.playback{gap:0}.playback>button{min-width:30px}.frame-input{gap:3px;margin-left:3px}.frame-input input{width:40px}.frame-input span{display:none}.clip-settings{gap:10px}.clip-settings input{width:110px}.clip-key-count{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-state{inset:40px 10px 25px}.empty-state h1{font-size:22px}.empty-symbol,.eyebrow{display:none}.empty-state p{margin-bottom:12px;font-size:10px}.demo-actions{margin-top:10px}.viewport-top{left:10px;right:10px}.statusbar>span:last-child{max-width:35%}.timeline-footer label{font-size:8px}.timeline-footer button{font-size:9px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.summary-lane{background:#18212a;border-bottom:0}.summary-lane .key-dot{color:#7f97b3}.summary-lane .selected-bone-key{color:#b7f36b}.summary-lane .current{color:#e0f3ff}.lane-name{letter-spacing:.6px;font-size:7px}.timeline{overflow-y:auto}.timeline-heading{flex-wrap:wrap;flex-shrink:0;row-gap:5px;padding-block:6px}.timeline-footer{flex-shrink:0;min-height:38px}.app{grid-template-rows:62px 48px minmax(150px,1fr) 292px 32px}@media (width<=1100px){.app{grid-template-rows:56px 46px minmax(120px,1fr) 276px 28px}}@media (width<=800px){.app{grid-template-rows:52px 44px minmax(100px,1fr) 270px 28px}.clip-controls{flex-wrap:wrap}}