:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202533;background:#e8ebf0;font-synthesis:none;--nav-state-duration:.12s;--nav-motion-duration:.22s;--nav-hit-target:44px}*{box-sizing:border-box}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100dvh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8d9af0;outline-offset:2px}.app-shell{height:100dvh;overflow:hidden;display:grid;grid-template-rows:58px minmax(0,1fr) 72px 112px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html.kb-shell-active .app-shell{height:calc(100dvh - var(--kb-nav-h))}.app-header{background:#111722;color:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.app-header>div{display:flex;align-items:center;gap:10px}.header-tools{margin-left:auto}.app-header strong{font-size:18px;letter-spacing:-.3px}.app-header p{margin:0;color:#8e98aa;font-size:12px;letter-spacing:.04em}.mark{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#7484e8;font-weight:700}.badge{color:#aab2c0;border-left:1px solid #39404d;padding-left:11px;font-size:11px}.language-switch,.scope-switch{display:flex;padding:3px;border-radius:8px;background:#e4e7ec}.language-switch{background:#252d39}.language-switch button,.scope-switch button{border:0;border-radius:6px;background:transparent;color:#77808e;padding:5px 9px;font-size:10px;cursor:pointer}.language-switch button{color:#8993a3}.language-switch button.active{background:#6676d7;color:#fff}.file-menu{position:relative}.file-menu summary{list-style:none;display:flex;align-items:center;gap:9px;border:1px solid #3a4351;border-radius:7px;background:#252d39;color:#d8dce4;padding:7px 10px;font-size:10px;cursor:pointer}.file-menu summary::-webkit-details-marker{display:none}.file-menu[open] summary{border-color:#7887df;background:#30394a;color:#fff}.file-menu[open] summary span{rotate:180deg}.file-menu-panel{position:absolute;z-index:20;right:0;top:calc(100% + 7px);width:240px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:1px solid #424b59;border-radius:9px;background:#1d2531;box-shadow:0 10px 28px #0000004d}.file-menu-panel section{display:grid;gap:5px}.file-menu-panel strong{color:#8f99a9;font-size:9px;font-weight:600;letter-spacing:.04em}.file-menu-panel button{border:1px solid #3a4351;border-radius:6px;background:#293240;color:#d4d9e2;padding:7px 8px;font-size:9px;text-align:left;cursor:pointer}.file-menu-panel button:hover{border-color:#7887df;color:#fff}.file-menu-panel button:disabled{opacity:.5;cursor:wait}.scope-switch button{flex:1}.scope-switch button.active{background:#fff;color:#4e5fc1;box-shadow:0 1px 4px #272f4a26;font-weight:700}.mobile-menu-toggle,.drawer-backdrop,.drawer-close{display:none}.workspace{min-height:0;display:grid;grid-template-columns:190px minmax(300px,1fr) 270px;gap:1px;background:#cfd4dc}aside{background:#f7f8fa;min-height:0}.bone-panel{display:flex;flex-direction:column}.panel-heading{position:relative;height:59px;padding:12px 15px;border-bottom:1px solid #e0e3e8;display:flex;flex-direction:column}.panel-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#858d9a}.panel-heading small{font-weight:700;margin-top:4px}.bone-list{min-height:0;flex:1;overflow:auto;padding:8px}.setup-section{border-bottom:1px solid #e0e3e8}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#eef0f4;color:#5e6673;padding:9px 11px;font-size:10px;font-weight:700;cursor:pointer}.section-toggle:hover{background:#e7eaf0}.setup-fields{background:#f4f5f7}.joint-section-toggle{border-bottom:1px solid #e0e3e8;background:#f7f8fa}.sample-picker{display:grid;gap:5px;padding:9px 10px;border-bottom:1px solid #e0e3e8}.setup-fields .sample-picker:last-child{border-bottom:0}.sample-picker span{color:#858d9a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.sample-picker select{width:100%;min-width:0;border:1px solid #d7dbe2;border-radius:7px;background:#fff;color:#505866;padding:6px;font-size:10px}.sample-picker.disabled{opacity:.48}.sample-picker select:disabled{cursor:not-allowed}.bone-list button{width:100%;border:0;background:transparent;border-radius:7px;padding:7px 10px;text-align:left;font-size:12px;cursor:pointer}.bone-list button:hover{background:#eaedf2}.bone-list button.selected{color:#4657be;background:#e3e7ff;font-weight:700}.bone-group+.bone-group{border-top:1px solid #e7e9ed;margin-top:3px;padding-top:3px}.bone-group-heading{display:grid;grid-template-columns:26px 1fr;align-items:center}.bone-list .bone-group-heading button{font-weight:700}.bone-list .bone-group-heading .disclosure{width:26px;padding:7px 2px;text-align:center;color:#8b93a0;font-size:17px;line-height:1}.bone-list .bone-group-heading .group-selected{color:#4e5fc1}.bone-group-items{border-left:1px solid #d8dce4;margin:1px 0 5px 13px;padding-left:8px}.bone-group-items button{color:#666f7d}.stage{min-width:0;min-height:0;position:relative;background:#dfe5ee;touch-action:none}.stage-hint{position:absolute;left:50%;bottom:12px;translate:-50%;padding:6px 12px;border-radius:20px;background:#ffffffbf;color:#657080;font-size:10px;pointer-events:none;white-space:nowrap}.output-frame{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;border:1px solid rgb(255 255 255 / .72);border-radius:2px;box-shadow:0 0 0 1px #1b222d52,inset 0 0 22px #19202b14;pointer-events:none}.output-frame:before,.output-frame:after{content:"";position:absolute;width:22px;height:22px;border-color:#f5a33b}.output-frame:before{left:-2px;top:-2px;border-left:3px solid #f5a33b;border-top:3px solid #f5a33b}.output-frame:after{right:-2px;bottom:-2px;border-right:3px solid #f5a33b;border-bottom:3px solid #f5a33b}.output-frame>span{position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:4px;background:#141a2394;color:#fff;font-size:8px;letter-spacing:.04em}.camera-controls{position:absolute;z-index:4;left:12px;top:12px;width:min(310px,calc(100% - 24px));display:grid;justify-items:start;gap:6px}.camera-menu-heading{display:flex;align-items:stretch}.camera-label{position:static;padding:6px 9px;border:1px solid rgb(255 255 255 / .35);border-left:3px solid #7d8794;border-radius:5px;background:#111722c7;color:#c6ccd4;font-size:10px;cursor:pointer}.camera-label.active{border-left-color:#f5a33b;color:#fff}.camera-menu-heading .camera-label{border-radius:5px 0 0 5px}.camera-menu-toggle{min-width:28px;border:1px solid rgb(255 255 255 / .35);border-left:0;border-radius:0 5px 5px 0;background:#111722c7;color:#fff;cursor:pointer}.camera-panel{width:100%;display:grid;gap:7px;padding:8px;border:1px solid rgb(255 255 255 / .48);border-radius:8px;background:#f8fafce0;box-shadow:0 5px 18px #252c3929;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.camera-view-actions,.ratio-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.camera-panel button{border:1px solid #d6dae1;border-radius:6px;background:#fff;color:#626b78;padding:6px;font-size:9px;cursor:pointer}.camera-panel button.active{border-color:#7887df;background:#e8eaff;color:#4d5dbb;font-weight:700}.camera-zoom{display:grid;grid-template-columns:42px 1fr 40px;gap:7px;align-items:center;color:#68717e;font-size:9px}.camera-zoom input{width:100%;margin:0;accent-color:#6878da}.camera-zoom output{text-align:right;font-variant-numeric:tabular-nums}.controls-panel{padding-bottom:16px;overflow-y:auto}.controls-panel h2{margin:14px 14px 0;color:#69717e;font-size:11px;letter-spacing:.04em}.selected-heading{position:relative;padding-right:100px}.history-actions{position:absolute;right:10px;top:12px;display:flex;gap:4px}.history-actions button{width:36px;height:32px;display:grid;place-items:center;border:1px solid #d5d9e0;border-radius:6px;background:#fff;color:#59616e;padding:5px;font-size:8px;cursor:pointer}.history-actions button:disabled{opacity:.35;cursor:not-allowed}.history-actions svg{width:15px;height:15px}.history-actions span{display:none}.control-divider{height:1px;margin:10px 14px 0;background:#e0e3e8}.scope-switch{margin:10px 14px 0}.edit-scope-note{display:inline-block;margin:8px 14px 0;padding:4px 8px;border-radius:12px;background:#e8eaff;color:#5262c3;font-size:9px;font-weight:700}.axis-controls{padding:16px 14px 8px;display:grid;gap:18px}.actor-controls{gap:12px;padding-top:12px}.axis-controls label{display:grid;grid-template-columns:24px 1fr 60px;gap:8px;align-items:center}.axis{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#fff;font-size:10px;font-weight:700}.axis-x{background:#e06464}.axis-y{background:#54a66e}.axis-z{background:#5b7fd6}.range-wrap{position:relative;display:grid;align-items:center}.range-wrap:after{content:"";position:absolute;z-index:2;left:50%;top:4px;bottom:4px;width:1px;background:#535c6c2e;pointer-events:none}.range-wrap:focus-within:after{width:2px;background:#525fbe66}.range-wrap input{position:relative;z-index:1;width:100%;margin:0;accent-color:#6574d6;background:transparent}.axis-controls output{font-size:11px;text-align:right;color:#5f6672;font-variant-numeric:tabular-nums}.degree-input{height:28px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #d5d9e0;border-radius:6px;background:#fff;overflow:hidden}.degree-input input{width:100%;min-width:0;border:0;outline:0;padding:4px 1px 4px 6px;color:#4e5663;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.degree-input span{padding-right:5px;color:#8b929d;font-size:10px}.reset{margin:8px 14px;width:calc(100% - 28px);border:1px solid #d8dce3;background:#fff;border-radius:8px;padding:9px;cursor:pointer;font-size:12px}.rotation-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:7px;margin:8px 14px}.rotation-actions .reset{width:auto;margin:0}.apply-all{border:1px solid #6474d4;border-radius:8px;background:#6878da;color:#fff;padding:7px;font-size:10px;cursor:pointer}.tip{margin:12px 16px;color:#8b929d;font-size:11px;line-height:1.5}.player{background:#171e2a;color:#f7f8fc;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}.counter strong{font-size:21px;font-variant-numeric:tabular-nums}.counter span{color:#7e8899;font-size:13px}.transport{display:flex;align-items:center;gap:10px}.transport button,.frame-actions button{border:0;background:transparent;cursor:pointer}.transport button{width:38px;height:38px;padding:9px;color:#9da6b5;border-radius:50%}.transport button:hover{background:#252e3c;color:#fff}.transport svg,.frame-actions svg{width:100%;height:100%}.transport .play{width:52px;height:52px;padding:15px;background:#7282e5;color:#fff;box-shadow:0 7px 18px #4350a873}.transport .play:hover{background:#8090ef}.play-settings{justify-self:end;display:flex;gap:16px;align-items:center;font-size:12px;color:#aeb6c3}.loop{display:flex;gap:6px;align-items:center}.loop input{accent-color:#7282e5}.play-settings select{color:#e5e8ef;background:#252d39;border:1px solid #3a4351;border-radius:7px;padding:7px 9px}.timeline{min-width:0;background:#f8f9fb;display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;border-top:1px solid #d9dde4;padding:13px 18px;gap:14px}.timeline-label{align-self:start;display:flex;flex-direction:column;font-size:12px;font-weight:700}.timeline-label small{margin-top:5px;color:#9aa1ac;font-size:10px;font-weight:400}.frames{overflow-x:auto;display:flex;gap:8px;padding:3px}.frames>button{flex:0 0 70px;border:0;background:transparent;padding:0;color:#777f8c;font-size:10px;cursor:pointer}.frames>button[draggable=true]{cursor:grab}.frames>button[draggable=true]:active{cursor:grabbing}.thumb{height:58px;background:#e0e5ec;border:2px solid transparent;border-radius:7px;display:grid;place-items:center;margin-bottom:5px;overflow:hidden}.thumb img{width:100%;height:100%;display:block;object-fit:cover;background:#dfe5ee}.thumb.portrait img{object-fit:contain}.stick{color:#7180ce;font-family:monospace;font-size:14px;line-height:1.15}.frames>button.active{color:#4e5dba;font-weight:700}.frames>button.active .thumb{border-color:#7282e5;background:#e8eaff;box-shadow:0 2px 8px #5463bd33}.frame-actions{display:flex;gap:7px}.frame-actions button{width:62px;min-height:62px;display:grid;place-items:center;gap:3px;color:#69717e;border:1px solid #dde1e7;border-radius:8px;background:#fff;font-size:9px}.frame-actions button:hover{border-color:#8d99e2;color:#5262c3}.frame-actions button:disabled{opacity:.35;cursor:not-allowed}.frame-actions svg{width:20px;height:20px}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:54px minmax(340px,54dvh) auto auto}html.kb-shell-active.kb-shell-slim-mobile .app-shell{height:100dvh;min-height:100dvh}.app-header{padding:0 14px}.app-header p,.badge{display:none}.header-tools{display:flex}.file-menu-panel{position:fixed;right:10px;top:52px}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(280px,1fr) auto}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #3a4351;border-radius:7px;background:#252d39;color:#d8dce4;cursor:pointer}.mobile-menu-toggle svg{width:18px;height:18px}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:30;background:#0f131c73}.bone-panel{position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(320px,86vw);transform:translate(-100%);transition:transform var(--nav-motion-duration) ease;box-shadow:0 14px 34px #0f131c59;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.bone-panel.open{transform:translate(0)}.drawer-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:12px;width:32px;height:32px;border:1px solid #d5d9e0;border-radius:7px;background:#fff;color:#59616e;cursor:pointer}.drawer-close svg{width:16px;height:16px}.stage{grid-row:1}.controls-panel{grid-row:2;border-top:1px solid #d7dce3}.controls-panel .panel-heading{height:48px;padding:8px 14px;flex-direction:row;align-items:center;justify-content:space-between}.axis-controls{padding:10px 14px 4px;gap:8px}.tip{display:none}.reset{margin-top:5px;margin-bottom:8px;padding:7px}.control-divider{margin-top:7px}.controls-panel h2{margin-top:9px}.scope-switch{margin-top:7px}.player{grid-template-columns:auto 1fr;padding:10px 14px;row-gap:8px}.transport{justify-self:end}.play-settings{grid-column:1 / -1;width:100%;justify-content:space-between}.timeline{grid-template-columns:1fr auto;padding:10px 12px;gap:8px}.timeline-label{display:none}.thumb{height:58px}.frames>button{flex-basis:58px}.frame-actions button{width:48px;min-height:55px}.frame-actions button span{display:none}.frame-actions{gap:4px}}@media(max-width:420px){.app-header strong{display:none}.language-switch button{padding-inline:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}