@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#dbe2e9;background:#101419;font-synthesis:none;--mint:#a2f0d1;--muted:#7c8999;--border:#29313b;--panel:#181e26;--hover:#27323b}*{box-sizing:border-box}body{margin:0;font-size:12px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#222b35;border:1px solid #34404b;border-radius:6px;padding:7px 11px;transition:background .15s,border-color .15s}button:hover{background:#32414b;border-color:#5a6d7b}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button.active{color:var(--mint);background:#263c38;border-color:#4a7465}button.primary{background:var(--mint);color:#13332c;border-color:var(--mint);font-weight:700}button.primary:hover{background:#c2ffe6}button.secondary{background:#222e35;border-color:#3d4e59}button.wide{width:100%;margin-top:12px}button.text-btn{background:none;border-color:transparent;color:#a7b2bf}button.mini{font-size:10px;padding:3px 6px;background:none}.topbar{height:69px;background:#1b222b;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 23px;gap:15px}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:20px;font-weight:700;letter-spacing:-.5px}.brandlight{font-weight:400;color:#a9b6c6}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#778795;margin-top:3px}.brandmark{display:grid;place-items:center;width:35px;height:35px;background:var(--mint);color:#132923;border-radius:10px;font-size:26px;position:relative}.brandmark span{position:absolute;font-size:20px;right:4px;top:-3px}.divider{height:25px;width:1px;background:#3b4651;margin:0 3px}#project-title{max-width:170px;background:transparent;border:0;color:#c7d1db;font-size:12px;padding:8px 0}.saved{color:#718b82;font-size:10px;white-space:nowrap}.top-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.top-actions button{font-size:11px}.top-actions .primary{margin-left:7px;padding:9px 15px}.top-actions .primary span{margin-left:16px}.workspace-bar{height:49px;display:flex;align-items:center;padding:0 23px;gap:18px;border-bottom:1px solid var(--border);background:#151b23}.mode-switch{padding:3px;background:#0d1319;border:1px solid #29333e;border-radius:7px;display:flex;gap:3px}.mode-switch button{padding:5px 13px;border:0;background:none;color:#8a97a6;font-size:11px}.mode-switch button.active{color:#deeee9;background:#30443f}#mode-note{color:#728190;font-size:11px}.local-badge{margin-left:auto;color:#8faaa0;font-size:10px;display:flex;gap:7px;align-items:center}.local-badge i,.mint-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}.editor{display:grid;grid-template-columns:274px minmax(390px,1fr) 279px;height:calc(100vh - 118px);min-height:660px}.panel{background:var(--panel)}.library{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.panel-heading{height:55px;min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border)}h2,h3{margin:0;font-size:12px;font-weight:600}.panel-heading h2{font-size:13px}.panel-heading h2 span{font-size:10px;font-weight:400;padding:3px 6px;background:#2a343e;border-radius:4px;margin-left:6px;color:#a6b8c5}.panel-heading>button{padding:1px 7px;font-size:20px;border:0;background:none;color:#9aa8b9}.search{margin:16px 16px 12px;border:1px solid #36414d;background:#111820;border-radius:6px;display:flex;align-items:center;padding:6px 10px;gap:8px;color:#8a9aaa}.search span{font-size:21px;line-height:1}.search input{background:none;border:0;color:#d0d9e4;outline:none;width:100%;font-size:11px}.groups{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 16px 16px;border-bottom:1px solid var(--border)}.groups button{font-size:11px;text-align:left;padding:7px 9px;background:#1c2530;border-color:#2d3743;color:#a9b5c4;display:flex;align-items:center;gap:10px}.groups button span{color:#7c918f;width:12px}.groups button.active{background:#293f39;border-color:#526f62;color:#baf3dc}.groups button.active span{color:var(--mint)}.library-toolbar{padding:15px 16px 12px;display:flex;justify-content:space-between;align-items:center}.library-toolbar strong{font-weight:500;font-size:11px}.library-toolbar select{background:none;border:0;color:#8495a5;max-width:134px;font-size:10px}select option{background:#1a222c;color:#d1dce7}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 10px;overflow:auto;align-content:start;flex:1;min-height:150px}.preset-card{padding:0;overflow:hidden;background:#202a34;border:1px solid #303c49;text-align:left;min-height:139px}.preset-card:hover,.preset-card.selected{border-color:#84b9a4;background:#293c3d}.pose-art{height:94px;position:relative;background:radial-gradient(ellipse at center,#2b3942,#1c252e 72%);display:flex;justify-content:center}.pose-art svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #4d7d6b30)}.preset-card strong{display:block;font-size:10px;font-weight:500;padding:9px 8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:112px}.preset-card small{display:block;font-size:8px;color:#8094a1;padding:0 8px 9px}.preset-type{position:absolute;right:5px;top:5px;font-size:7px;color:#9eafa9;letter-spacing:.5px;background:#121a20b0;border-radius:3px;padding:2px 4px}.library-bottom{padding:9px 15px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:9px}.library-bottom button{font-size:10px;width:100%}.library-bottom span{color:#667d8b;font-size:9px}.center{display:flex;flex-direction:column;min-width:0;min-height:0}.viewport{position:relative;flex:1;min-height:310px;overflow:hidden;background:#10151b}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;width:100%;height:100%;outline:0}.viewport-top{position:absolute;top:18px;left:19px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.model-pill{display:flex;align-items:center;gap:8px;background:#1d2731d0;border:1px solid #3b485244;border-radius:5px;padding:5px 7px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:51%;pointer-events:auto}.model-pill>span:nth-child(2){max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-pill button{padding:0;border:0;background:none;color:#8b9caa}.view-tools{display:flex;gap:6px;pointer-events:auto}.view-tools button{font-size:10px;padding:6px 9px;background:#1d2731da}.viewport-left{position:absolute;left:18px;top:71px;display:flex;flex-direction:column;gap:7px}.viewport-left button{width:29px;height:29px;display:grid;place-items:center;padding:0;color:#a5b4bf;background:#1b252ed9;border-color:#35434b;font-size:11px}.viewport-left button.active{color:var(--mint);border-color:#517062}.viewport-left span{height:4px}.viewport-caption{position:absolute;bottom:41px;left:24px;pointer-events:none}.eyebrow{font-size:7px;color:#657d83;letter-spacing:2.5px}.viewport-caption h1{font-size:19px;font-weight:400;letter-spacing:1px;color:#b7c8d0;margin:7px 0}.viewport-caption p{font-size:9px;color:#728795;margin:0}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:9px 16px;background:#101820c9;color:#637989;font-size:8px}.timeline{height:287px;min-height:230px;border-top:1px solid #36434e;display:flex;flex-direction:column}.transport{height:49px;min-height:49px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--border);gap:10px}.transport-buttons{display:flex;align-items:center;gap:4px}.transport-buttons button{border:0;background:none;padding:4px 6px;font-size:13px;color:#8699a8}.transport-buttons .play{background:var(--mint);color:#193c31;border-radius:50%;width:28px;height:28px;font-size:10px;padding:0}.transport-buttons button.active{color:var(--mint)}.frame-readout{display:flex;align-items:center;gap:4px;color:#708695;font-size:9px}.frame-readout input{background:#101820;border:1px solid #2b3e4a;color:#bad1d2;width:44px;padding:4px;border-radius:4px;font-size:11px;text-align:center}.frame-readout input#duration{width:48px;color:#8fabb5}.frame-readout small{margin:0 3px;color:#405661}.fps{font-size:8px;color:#6f8494;white-space:nowrap}.timeline-actions{display:flex;gap:5px;margin-left:auto}.timeline-actions button{font-size:9px;padding:5px 7px;background:#22332f;color:#afceb9;border-color:#3b5148}#key-delete{color:#8a9aa8;background:none;border-color:transparent}.timeline-scroll{overflow:auto;flex:1;min-height:0;padding-right:17px}.ruler-row{display:flex;height:31px;min-width:400px}.ruler-row>span{width:126px;min-width:126px;padding:10px 12px;color:#95a7b5;font-size:9px}.ruler-row small{font-size:5px;color:#647b8a;margin-left:4px}.ruler-row #ruler{flex:1;position:relative;border-bottom:1px solid #34414b}#ruler span{position:absolute;font-size:8px;color:#68808e;top:11px;transform:translate(-50%)}.track{display:flex;height:26px;min-width:400px}.track>button{border:0;border-radius:0;background:none;display:flex;align-items:center;gap:8px;text-align:left;width:126px;min-width:126px;font-size:8px;color:#7b95a5;padding:4px 12px}.track>button span{color:#95a8b6}.track>button small{margin-left:auto;color:#5c7684;font-size:8px}.track-lane{position:relative;flex:1;border-bottom:1px solid #27333d;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#2a3741 calc(12.5% - 1px),#2a3741 12.5%);cursor:crosshair}.track.active{background:#293f3b50}.key{position:absolute;top:5px;padding:0;border:0;background:none!important;color:#80b9a6;font-size:11px;line-height:15px;width:15px;transform:translate(-50%);z-index:4;cursor:ew-resize;touch-action:none}.key.selected{color:#d5ffe9;filter:drop-shadow(0 0 4px #a2f0d199)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#baf5d699;pointer-events:none;z-index:3}.timeline-footer{padding:8px 13px;display:flex;gap:12px;justify-content:space-between;color:#607b8c;border-top:1px solid #2b3841;font-size:8px}.timeline-footer>span:last-child{color:#b5d3d1;letter-spacing:1px}.inspector{border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.tag{font-size:7px;letter-spacing:1px;color:#88b8a5;border:1px solid #3b574b;border-radius:3px;padding:3px 5px}.inspector-scroll{overflow:auto;flex:1;min-height:0}.inspector-section{padding:17px 18px;border-bottom:1px solid var(--border)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:10px}.section-title h3{font-size:11px;color:#bfccd6}.muted{color:#728797}.small{font-size:9px;line-height:1.7}.switch input{position:absolute;opacity:0}.switch span{display:block;width:28px;height:16px;background:#35404c;border-radius:20px;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:10px;height:10px;background:#8b98a6;border-radius:50%;left:3px;top:3px;transition:left .2s}.switch input:checked+span{background:#36634f}.switch input:checked+span:after{left:15px;background:var(--mint)}.ik-chains{display:grid;grid-template-columns:1fr 1fr;gap:5px}.check{font-size:9px;display:flex;gap:4px;align-items:center;color:#8b9da9}.check input{accent-color:var(--mint);width:11px;height:11px;margin:0 3px 0 0}.full-input{width:100%;padding:8px 9px;background:#101820;border:1px solid #34424e;border-radius:5px;color:#b7c9d6;font-size:10px}.transform-tabs{display:flex;margin:12px 0;gap:5px}.transform-tabs button{flex:1;background:none;border-color:#303d47;font-size:9px;padding:5px}.transform-tabs button.active{color:var(--mint);background:#23372f;border-color:#45604e}.axis-row{display:flex;gap:6px;align-items:center;margin:9px 0;font-size:9px}.axis-row>span{width:10px;font-weight:600}.axis-0{color:#e6989d}.axis-1{color:#a2cea2}.axis-2{color:#8eace3}.axis-row input[type=range]{width:100%;min-width:0;accent-color:#99c5b4;height:3px}.axis-row input[type=number]{width:51px;flex-shrink:0;background:#111b24;color:#c0d1dc;border:1px solid #30404c;border-radius:4px;padding:4px;font-size:9px}.bone-section .wide{font-size:9px}.curve-channels{display:flex;gap:5px;margin:12px 0 10px}.curve-channels button{font-size:9px;padding:4px 7px;background:none;border-color:#303b46}.curve-channels button.active{color:var(--mint);background:#253a32;border-color:#4a6655}.curve-channels #link-curves{margin-left:auto;font-size:8px;color:#8dafa0;border:0;padding:4px}.curve-board{background:#101820;border:1px solid #303e49;border-radius:6px;padding:7px 3px 1px}.curve-board svg{display:block;width:100%;touch-action:none}.curve-board text{fill:#657f8f;font-size:8px}.curve-board circle[id^=handle]{cursor:grab}.curve-values{display:flex;gap:7px;margin:10px 0}.curve-values label{color:#688191;font-size:8px;flex:1;min-width:0}.curve-values input{width:100%;margin-top:4px;background:#101820;border:1px solid #303e4a;color:#9eb7c5;border-radius:4px;padding:4px;font-size:9px}.curve-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.curve-presets button{font-size:8px;padding:6px 2px;background:none;border-color:#30404b;color:#8da3b1}.curve-presets button.active{color:var(--mint);background:#253b33;border-color:#446754}#preview-transition{font-size:9px}.inspector-bottom{padding:12px 17px;display:flex;align-items:center;gap:8px;color:#729088;font-size:8px;background:#151e24}#bone-list-wrap{display:none}.free-mode #bone-list-wrap{display:block}.free-mode #bone-select{display:none}.bone-list{height:144px;overflow:auto;margin:9px -4px 10px}.bone-list button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;font-size:9px;padding:7px 8px;border-radius:3px;color:#93a8b9}.bone-list button small{font-size:7px;color:#577b88}.bone-list button.selected{background:#2b4139;color:#b8ecd4}.bone-list-wrap>.check{margin-top:7px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#111922e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:11px;color:#a1bebc;z-index:20}.loading[hidden]{display:none}.spinner{width:28px;height:28px;border:2px solid #40544d;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dragover:after{content:"释放以导入 PMX 模型";position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-items:center;background:#15382cce;border:2px dashed var(--mint);border-radius:8px;font-size:18px;color:var(--mint);pointer-events:none;z-index:30}.empty{grid-column:1/-1;padding:30px;color:#6f8798;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#b7f1d6;color:#16372c;padding:12px 20px;border-radius:8px;box-shadow:0 8px 40px #0005;z-index:100;transition:.2s;max-width:80%;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%)}dialog{background:#1a242e;color:#bccdd9;border:1px solid #465966;border-radius:12px;max-width:750px;width:80%;max-height:85vh;padding:0;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080d13bc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #344450;position:sticky;top:0;background:#1a242e;z-index:2}.dialog-top button{border:0;background:none}#dialog-body{padding:18px 24px;font-size:12px;line-height:1.9}#dialog-body h3{font-size:13px;margin:16px 0 10px;color:#ccebdc}#dialog-body a{color:var(--mint)}#dialog-body li{margin:9px 0}#dialog-body p{color:#94a9b8}.help-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.mapping-table{max-height:55vh;overflow:auto}.mapping-table label{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #2b3945}.mapping-table small{color:#72ad97}.mapping-table select{background:#13202b;border:1px solid #405463;border-radius:4px;padding:4px;color:#b3d2c4}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#151e26}::-webkit-scrollbar-thumb{background:#3b4c59;border-radius:5px}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input::-webkit-inner-spin-button{opacity:0}input[type=number]:hover::-webkit-inner-spin-button{opacity:.7}@media(min-width:1600px){.editor{grid-template-columns:310px minmax(500px,1fr) 304px}.preset-card strong{max-width:132px;font-size:11px}.pose-art{height:106px}.timeline{height:326px}.track{height:29px}.inspector-section{padding:19px 21px}}@media(max-width:1150px){.editor{grid-template-columns:230px minmax(330px,1fr) 245px}.topbar{padding:0 14px;gap:10px}.top-actions{gap:4px}.saved,.divider,#mode-note,.fps{display:none}.top-actions button{font-size:10px;padding:6px 8px}.brand{font-size:17px}#project-title{max-width:120px}.groups{padding:0 11px 11px}.search{margin:12px 11px}.preset-grid{padding:0 11px 10px;gap:7px}.panel-heading{padding:0 12px}.inspector-section{padding:14px 12px}.transport{padding:0 7px;gap:5px}.timeline-actions button{font-size:8px;padding:5px}.timeline-footer>span:nth-child(2){display:none}.frame-readout{gap:2px}.frame-readout input{width:35px}.viewport-top{left:12px;right:12px}.view-tools button{font-size:9px}.model-pill{max-width:45%}.ruler-row>span,.track>button{width:105px;min-width:105px}.ruler-row small{display:none}.preset-card strong{max-width:95px;font-size:9px}}@media(max-width:850px){.editor{height:auto;min-height:0;grid-template-columns:210px minmax(320px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--border)}.inspector-scroll{display:grid;grid-template-columns:1fr 1fr 1fr}.center,.library{height:780px}.topbar{flex-wrap:wrap;height:auto;min-height:70px;padding:10px}.top-actions{gap:4px}.top-actions button{padding:6px}#project-title{max-width:100px}.local-badge{font-size:8px}.inspector-bottom{display:none}.viewport-caption h1{font-size:16px}.curve-presets{grid-template-columns:1fr 1fr}}@media(max-width:580px){.editor{display:flex;flex-direction:column;min-width:0}.center{order:0;flex:none;height:680px}.library{order:1;height:530px;border-top:1px solid var(--border);border-right:0}.inspector{order:2}.inspector-scroll{grid-template-columns:1fr}.topbar{gap:9px}.top-actions{width:100%;justify-content:space-between;margin-top:3px}.top-actions .primary{margin-left:0}.top-actions .primary span{margin-left:3px}.workspace-bar{padding:0 12px;gap:8px}.mode-switch button{padding:5px 8px}.groups{grid-template-columns:repeat(5,1fr);padding:0 12px 10px}.groups button{padding:5px 3px;font-size:9px;gap:3px;justify-content:center}.groups button span{display:none}.preset-grid{grid-template-columns:repeat(3,1fr)}.preset-card strong{max-width:140px}.viewport-caption{left:16px}.viewport-bottom{font-size:7px;padding:8px}.timeline-actions{gap:0}.timeline-actions button{padding:5px 3px}.transport{gap:3px}.transport-buttons{gap:0}.transport-buttons button{padding:4px}.frame-readout input{width:31px}.frame-readout input#duration{width:35px}.frame-readout>span{font-size:7px}.frame-readout small{margin:0 1px}.model-pill{max-width:51%}.timeline{height:285px}.ruler-row,.track{min-width:0}.ruler-row>span,.track>button{width:95px;min-width:95px}.panel-heading{height:48px;min-height:48px}.search{margin:10px 12px}.library-toolbar{padding:10px 13px}.inspector-section{padding:18px 22px}.curve-board{max-width:360px;margin:auto}.curve-presets{grid-template-columns:repeat(4,1fr)}.bone-list{height:200px}.local-badge{margin-left:auto;font-size:7px}.curve-values{max-width:360px;margin:10px auto}}[hidden]{display:none!important}.brand{font-size:16px;letter-spacing:0}.topbar{flex-wrap:wrap;height:auto;min-height:69px;padding-top:10px;padding-bottom:10px}.panel-heading>button{font-size:12px}.transport{height:auto;min-height:96px;flex-wrap:wrap;padding:10px;gap:8px}.transport-buttons button{width:auto;min-width:35px;font-size:11px;padding:6px 8px}.timeline-actions{width:100%;display:flex;flex-wrap:wrap;gap:5px}.timeline-actions button{font-size:10px;padding:6px 8px}.timeline{height:360px;flex-shrink:0}.timeline-scroll{overflow:auto}.view-tools,.viewport-left{gap:5px}.viewport-left button{width:auto;min-width:36px;font-size:11px}.video-settings{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.free-mode .video-settings{display:grid}.video-settings label{display:flex;flex-direction:column;gap:5px;color:#a9b8c5}.video-settings input[type=number]{min-width:0;width:100%;background:#101820;color:#e1eaf0;border:1px solid #3b4c5a;border-radius:4px;padding:6px}.video-settings .check{flex-direction:row}.reference-section>button{font-size:10px}.reference-section #video-name{margin:10px 0;word-break:break-all}#draft-status{align-self:center;color:#a4b6c1;font-size:10px;margin-left:auto}#draft-status.dirty{color:#f2cb80}.viewport-caption,.local-badge,#mode-note{display:none}.viewport-bottom>span:last-child,.timeline-footer>span:nth-child(2){display:none}@media(max-width:850px){.inspector-scroll{grid-template-columns:1fr 1fr}.brand{font-size:15px}}@media(max-width:580px){.center{height:800px}.timeline{height:400px}.inspector-scroll{grid-template-columns:1fr}.transport-buttons button{font-size:10px}.timeline-actions button{font-size:10px;padding:7px}.transport{min-height:150px}.frame-readout>span{font-size:10px}.brand{font-size:15px}.viewport-left{top:65px}.model-pill{max-width:55%}}.apply-modes{display:flex;padding:0 12px 10px;gap:5px}.apply-modes button{flex:1;padding:8px 5px;font-size:11px}.travel-choice{padding:0 12px 12px;display:flex;align-items:center;gap:7px;font-size:11px}.travel-choice select,.field-grid select{min-width:0;max-width:100%;background:#101820;border:1px solid #3b4c5a;border-radius:4px;padding:7px;color:#dae6ed}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.field-grid label{display:flex;flex-direction:column;gap:5px;color:#acbfcb}.field-grid input{min-width:0;width:100%;padding:7px;border:1px solid #3b4c5a;border-radius:4px;background:#101820;color:#e1eaf0}.placement-section>button{font-size:11px}.placement-section #motion-status{margin-top:12px;color:#edc482}button:disabled{opacity:.4;cursor:default}.library{min-height:600px}@media(max-width:580px){.library{height:650px}.apply-modes{padding-top:8px}}:root{color-scheme:dark;--mint:#d98532;--muted:#a3a3a3;--border:#303030;--panel:#333333;--hover:#303030;color:#d5d5d5;background:#303030;font-family:Noto Sans SC,Segoe UI,sans-serif}body{background:#303030;color:#d5d5d5}button{background:#333;border-color:#484848;color:#c1c1c1;border-radius:7px}button:hover{background:#303030;border-color:#686868}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a3a3a3;outline-offset:2px}button.primary{background:#d98532;border-color:#d98532;color:#333;box-shadow:0 2px 4px #d5d5d5}button.primary:hover{background:#b66c27;border-color:#b66c27}button.secondary{background:#303030;border-color:#484848;color:#d98532}button.active,.mode-switch button.active,.groups button.active,.transform-tabs button.active,.curve-channels button.active,.curve-presets button.active{background:#303030;border-color:#484848;color:#f0aa60}button:disabled{opacity:.45}.topbar{background:#333;border-bottom:1px solid #484848;box-shadow:0 2px 12px #d5d5d5}.brand{color:#eee;font-size:16px}.divider{background:#303030}#project-title{color:#c1c1c1}.saved,.top-actions button.text-btn{color:#a3a3a3}.workspace-bar,.mode-switch{background:#303030;border-color:#484848}.mode-switch button{color:#a3a3a3}.mode-switch button.active{background:#333;color:#ffb369;box-shadow:0 1px 5px #c1c1c1}#show-placement{margin-left:auto;padding:7px 18px}.panel{background:#333}.panel-heading{background:#303030;border-color:#303030}.panel-heading h2{color:#c1c1c1}.panel-heading h2 span{background:#303030;color:#c1c1c1}.panel-heading>button{color:#c1c1c1}.search{background:#303030;border-color:#484848}.search input{color:#c1c1c1}.search input::placeholder,input::placeholder{color:#686868}.library-toolbar{border-color:#303030}.library-toolbar strong{color:#c1c1c1}.library-toolbar select,.travel-choice select{background:#303030;color:#c1c1c1;border-color:#484848}.groups button{color:#a3a3a3;border-color:#303030;background:#303030}.groups button:hover{background:#303030}.apply-modes button.active{background:#d98532;color:#fff;border-color:#d98532}.travel-choice{color:#a3a3a3}.library-bottom{border-color:#303030;background:#303030;color:#a3a3a3}.library-bottom button{color:#c1c1c1}.preset-grid{gap:10px;padding-top:3px;align-content:start}.preset-card{padding:0;overflow:hidden;border:1px solid #303030;border-radius:9px;background:#333;box-shadow:0 2px 5px #d5d5d5;text-align:left}.preset-card:hover{border-color:#484848;background:#fff}.preset-card.selected{border-color:#a3a3a3;box-shadow:0 0 0 1px #a3a3a3}.preset-main{display:block;width:100%;height:auto;background:transparent;border:0;border-radius:0;padding:0 0 10px;text-align:left}.preset-main:hover{background:#303030;border:0}.pose-art{background:linear-gradient(150deg,#303030,#303030);border:0}.preset-card strong{display:block;white-space:normal;max-width:none;color:#c1c1c1;font-size:11px;line-height:1.5;padding:7px 9px 0}.preset-type{color:#a3a3a3;background:#303030dd;border:1px solid #303030}.preset-card details{border-top:1px solid #303030;background:#303030}.preset-card summary{list-style:none;cursor:pointer;padding:8px 9px;font-size:10px;color:#a3a3a3;display:flex;align-items:center;gap:5px}.preset-card summary:before{content:"▸";font-size:12px;color:#c1c1c1}.preset-card details[open]>summary:before{content:"▾"}.preset-card summary span{margin-left:auto;color:#d98532;font-variant-numeric:tabular-nums}.preset-card summary::-webkit-details-marker{display:none}.phase-controls{display:grid;gap:7px;padding:1px 9px 10px}.phase-controls>input{width:100%;accent-color:#e89645}.phase-controls label{display:flex;gap:5px;align-items:center;color:#a3a3a3}.phase-controls input[type=number]{width:100%;min-width:0;padding:5px;background:#fff;border:1px solid #484848;border-radius:4px;color:#c1c1c1}.phase-controls button{font-size:10px;padding:5px}.viewport{background:#303030;min-height:320px}.model-pill{background:#303030;border-color:#303030;color:#c1c1c1;box-shadow:0 2px 8px #c1c1c1}.mint-dot,.local-badge i{background:#a3a3a3}.model-pill button{color:#a3a3a3}.view-tools button,.viewport-left button{background:#303030;color:#c1c1c1;border-color:#484848}.viewport-left button.active{background:#303030;color:#eda658;border-color:#686868}.viewport-bottom{background:#303030;color:#a3a3a3;border-top:1px solid #303030}.loading{background:#303030;color:#a3a3a3}.spinner{border-color:#484848;border-top-color:#d98532}.dragover:after{background:#303030;border-color:#a3a3a3;color:#d98532}.move-dock{flex-shrink:0;background:#303030;border-top:1px solid #484848;border-bottom:1px solid #484848;padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 -3px 14px #c1c1c1}.move-dock-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:#c1c1c1}.move-dock-title>strong{font-size:12px}.move-dock-title label{margin-left:auto;display:flex;align-items:center;gap:6px;color:#a3a3a3;font-size:10px}.move-dock-title input{width:52px;padding:4px;border:1px solid #484848;border-radius:4px;background:#fff;color:#d98532}.move-dock-title>button{font-size:10px;background:transparent;border:0;padding:3px;color:#a3a3a3}.move-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.move-buttons button{padding:7px 3px;font-size:10px;background:#333;border-color:#484848;color:#d98532}.move-dock>button{font-size:11px;padding:7px}.placement-section .section-title h3{font-size:13px;color:#d98532}.movement-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.movement-presets button{padding:10px 4px;background:#fff;color:#d8d8d8;border-color:#484848;font-size:11px}.movement-presets button:hover{background:#303030;border-color:#686868}.path-settings{margin-top:14px;border:1px solid #303030;border-radius:7px;padding:8px;background:#fff}.path-settings>summary{cursor:pointer;color:#a3a3a3;font-size:11px}.field-grid label,.video-settings label{color:#a3a3a3;font-size:10px}.field-grid input,.field-grid select,.video-settings input[type=number]{background:#333;color:#c1c1c1;border-color:#484848}.placement-section #motion-status{color:#a3a3a3;background:#303030;padding:7px;border-radius:5px}.placement-section #register-motion{font-size:11px}.timeline{border-color:#484848;height:320px}.transport{background:#303030;border-color:#303030}.transport-buttons button{color:#a3a3a3}.transport-buttons .play{background:#d98532;color:#333;border-radius:6px}.transport-buttons button.active{background:#303030;color:#d98532}.frame-readout,.fps{color:#a3a3a3}.frame-readout input,.frame-readout input#duration{background:#333;border-color:#484848;color:#c1c1c1}.timeline-actions button{background:#fff;border-color:#484848;color:#c1c1c1}.timeline-actions button.primary{background:#d98532;color:#333;border-color:#d98532}#key-delete{color:#a3a3a3;background:#333;border-color:#484848}#draft-status{color:#a3a3a3}#draft-status.dirty{color:#c1c1c1}.ruler-row>span,#ruler span{color:#a3a3a3}.ruler-row #ruler{border-color:#484848}.track>button,.track>button span{color:#a3a3a3}.track>button small{color:#686868}.track-lane{border-color:#303030;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#303030 calc(12.5% - 1px),#303030 12.5%)}.track.active{background:#303030}.key{color:#686868}.key.selected{color:#eaa150;filter:drop-shadow(0 0 2px #a3a3a3)}.playhead{background:#c1c1c1}.timeline-footer{background:#303030;border-color:#303030;color:#686868}.timeline-footer>span:last-child{color:#c1c1c1}.inspector-section{border-color:#303030}.section-title h3{color:#c1c1c1}.muted,.check{color:#a3a3a3}.switch span{background:#303030}.switch span:after{background:#333}.switch input:checked+span{background:#c77f38}.switch input:checked+span:after{background:#333}.full-input{background:#303030;border-color:#484848;color:#c1c1c1}.bone-list button{color:#a3a3a3}.bone-list button small{color:#686868}.bone-list button.selected{background:#303030;color:#d98532}.transform-tabs button,.curve-channels button{color:#a3a3a3;border-color:#484848}.axis-row input[type=number]{background:#333;color:#c1c1c1;border-color:#484848}.axis-row input[type=range]{accent-color:#a3a3a3}.axis-0,.axis-1,.axis-2,.curve-channels #link-curves{color:#a3a3a3}.curve-board{background:#303030;border-color:#484848}.curve-board text{fill:#686868}#curve-grid path{stroke:#303030}.curve-board svg>line{stroke:#484848}#handles{stroke:#686868}#curve-dot{fill:#eba454}.curve-values label{color:#a3a3a3}.curve-values input{background:#333;color:#c1c1c1;border-color:#484848}.curve-presets button{color:#a3a3a3;border-color:#484848}#toast{background:#d98532;color:#fff;box-shadow:0 8px 30px #c1c1c1}dialog,.dialog-top{background:#333;color:#c1c1c1;border-color:#484848}.dialog-top{background:#303030}dialog::backdrop{background:#d5d5d5}#dialog-body p{color:#a3a3a3}#dialog-body h3{color:#d98532}.mapping-table label{border-color:#303030}.mapping-table small{color:#a3a3a3}.mapping-table select{background:#303030;border-color:#484848;color:#c1c1c1}.empty{color:#686868}::-webkit-scrollbar-track{background:#303030}::-webkit-scrollbar-thumb{background:#484848}.editor{min-height:820px}.library{min-height:0}@media(max-width:850px){.center,.library{height:900px}.inspector-scroll{grid-template-columns:1fr 1fr}.placement-section{grid-column:1/-1}.movement-presets{grid-template-columns:repeat(5,1fr)}}@media(max-width:580px){.center{height:900px}.library{height:650px}.move-buttons{grid-template-columns:repeat(4,1fr)}.move-dock{padding:9px 12px}.move-buttons button{padding:7px}.timeline{height:360px}.inspector-scroll{grid-template-columns:1fr}.movement-presets{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:repeat(2,1fr)}#show-placement{padding:7px 11px}.workspace-bar{gap:6px}}:root{color-scheme:dark;--mint:#e99b4e;--muted:#a7a7a7;--border:#232323;--panel:#303030;--hover:#454545;background:#282828;color:#d7d7d7;font-family:Segoe UI,Noto Sans SC,sans-serif}body{background:#282828;color:#d7d7d7}button{border-radius:3px;padding:5px 9px;background:#414141;border-color:#242424;color:#dedede;box-shadow:none!important}button:hover{background:#505050;border-color:#6c6c6c}button.primary,.apply-modes button.active{background:#c9823a;border-color:#d99755;color:#181818}button.primary:hover{background:#e5a564}button.secondary{background:#404040;color:#ddd;border-color:#515151}button.active,.groups button.active,.mode-switch button.active,.curve-channels button.active,.curve-presets button.active{background:#565656;border-color:#b9854e;color:#ffbe7f}input,select,select option{background:#252525!important;color:#e2e2e2!important;border-color:#535353!important;border-radius:3px!important;accent-color:#dd9449}input:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#e6a25a}input::placeholder{color:#939393!important}button:disabled{opacity:.38}.topbar{height:46px;padding:0 12px;gap:10px;background:#242424;border-bottom:1px solid #161616}.brand{font-size:14px;color:#eee;letter-spacing:0}.top-actions button{padding:5px 8px}.top-actions .primary{padding:6px 10px}.divider{background:#505050}.workspace-bar{height:37px;background:#303030;padding:0 12px;border-color:#191919}.mode-switch{padding:2px;background:#252525;border-color:#171717;border-radius:4px}.mode-switch button{padding:4px 12px}.mode-switch button.active{background:#515151}.workspace-bar #show-placement{padding:4px 14px}.panel{background:#303030}.panel-heading{height:35px;min-height:35px;padding:0 12px;background:#292929;border-color:#202020}.panel-heading h2,.panel-heading h2 span{color:#dedede;background:transparent}.editor{grid-template-columns:250px minmax(430px,1fr) 290px;height:calc(100vh - 83px);min-height:790px;gap:2px;background:#1d1d1d}.library{border-right:0}.search{margin:10px 10px 8px;background:#252525;border-color:#505050;border-radius:3px}.groups{padding:0 10px 10px;gap:4px}.groups button{background:#3a3a3a;border-color:#202020;color:#ccc;padding:5px 7px}.groups button:hover{background:#4c4c4c}.library-toolbar{padding:9px 10px}.library-toolbar strong,.travel-choice{color:#bfbfbf}.apply-modes{padding-left:10px;padding-right:10px}.preset-grid{padding-left:10px;padding-right:10px;gap:7px}.preset-card{border-radius:4px;background:#343434;border-color:#242424;min-height:120px}.preset-card:hover{background:#3e3e3e;border-color:#777}.preset-card.selected{border-color:#dd994f;box-shadow:0 0 0 1px #dd994f}.preset-main{background:transparent;padding-bottom:6px;border-radius:0}.preset-main:hover{background:#444}.pose-art{height:78px;background:radial-gradient(ellipse at center,#505050,#353535)}.pose-art svg path,.pose-art svg line,.pose-art svg circle{stroke:#c1c1c1}.preset-card strong{color:#ddd;padding-top:6px}.preset-type{background:#282828dd;border-color:#626262;color:#d1d1d1}.preset-card details{background:#292929;border-color:#444}.preset-card summary{color:#b9b9b9;padding:6px 8px}.preset-card summary span,.preset-card summary:before{color:#e7ab6e}.phase-controls button{background:#454545}.library-bottom{background:#292929;border-color:#171717}.library-bottom span{color:#a3a3a3}.library-bottom button{color:#ccc}.viewport{background:#363636;min-height:300px}.viewport-top{top:9px;left:10px;right:10px}.model-pill{background:#303030e8;border-color:#555;color:#ddd;border-radius:3px}.model-pill button{color:#bbb}.mint-dot{background:#e3a15a}.view-tools button,.viewport-left button{background:#3d3d3de8;border-color:#202020;color:#dedede;border-radius:3px}.viewport-left{left:10px;top:48px;gap:4px}.viewport-left button{height:26px;min-width:31px}.viewport-left button.active{border-color:#e49b50;color:#f0b575;background:#57514b}.viewport-bottom{background:#292929e8;color:#bbb;border-color:#202020;padding:5px 10px}.loading{background:#303030f2;color:#ddd}.spinner{border-color:#777;border-top-color:#e6a15c}.move-dock{display:block;background:#2b2b2b;padding:7px 10px;border:0;border-top:1px solid #171717;border-bottom:1px solid #171717;border-radius:0}.move-dock-title{display:flex;margin-bottom:6px;gap:12px}.move-dock-title>strong{color:#ddd;font-size:11px}.move-dock-title>button{margin-left:auto;color:#aaa}.segmented{display:flex;gap:1px}.segmented button{font-size:11px;padding:4px 12px;border-radius:3px}.segmented button.active{background:#5b5146;border-color:#b4824a;color:#ffbe7e}.transform-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:7px}.transform-toolbar button,.transform-toolbar select{font-size:10px;padding:4px 6px}.transform-toolbar .check{margin:0;font-size:10px}.whole-fields{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:5px;margin-bottom:8px}.whole-fields>span{color:#aaa;font-size:10px}.whole-fields>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.whole-axis{display:flex;align-items:center;gap:5px;font-weight:700;border-left:3px solid currentColor;padding-left:6px}.whole-axis input{width:100%;min-width:0;padding:4px 5px;font-weight:400;border:1px solid #484848;font-variant-numeric:tabular-nums}.axis-0{color:#e46a70!important}.axis-1{color:#8bc96b!important}.axis-2{color:#76a6ed!important}.move-dock-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.move-dock-footer button{font-size:10px;padding:5px 8px}.move-dock-footer .check{font-size:10px;margin:0 0 0 auto}.move-dock-footer>span{font-size:9px;color:#999;width:100%;padding-top:2px}.placement-section{background:#303030}.placement-section .section-title h3{color:#e0e0e0}.inspector-section{padding:12px;border-color:#202020}.section-title h3{color:#ddd}.movement-presets{gap:5px}.movement-presets button{padding:7px 4px;background:#414141;color:#ddd;border-color:#242424}.movement-presets button:hover{background:#57504a;border-color:#a77848}.path-settings{background:#292929;border-color:#484848;border-radius:3px;padding:7px}.path-settings summary{color:#c4c4c4}.field-grid label,.check,.muted,.video-settings label{color:#b0b0b0}.placement-section #motion-status{background:#252525;color:#cdad8a}.position-distance{display:flex;align-items:center;justify-content:space-between;color:#bfbfbf;font-size:11px;margin-bottom:8px}.position-distance input{width:80px;padding:4px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.position-grid button{font-size:11px;background:#414141}.bookmark-bar{display:flex;gap:5px;margin:8px 0}.bookmark-bar input{width:0;flex:1;min-width:0;padding:5px;border:1px solid #555}.bookmark-bar button{font-size:10px;padding:4px}#position-bookmarks>div{display:flex;gap:4px;margin:4px 0}#position-bookmarks>div button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#position-bookmarks>div button:last-child{font-size:9px;color:#aaa}.bone-list button{color:#ccc}.bone-list button.selected{background:#51473e;color:#ffd1a2}.bone-list button small{color:#aaa}.transform-tabs button{color:#ccc}.switch span{background:#666}.switch input:checked+span{background:#c28442}.curve-channels button,.curve-presets button{color:#ccc;border-color:#505050}.curve-board{background:#242424;border-color:#444}.curve-board text{fill:#aaa}#curve-grid path{stroke:#414141}.curve-board svg>line{stroke:#666}#curve-line{stroke:#eba454}#handles{stroke:#957958}#handle-1,#handle-2{fill:#333;stroke:#eba454}#curve-dot{fill:#fff}.curve-values label{color:#bbb}.timeline{height:300px;min-height:240px;background:#2b2b2b;border-color:#151515}.transport{background:#303030;padding:6px 8px;min-height:80px;gap:6px;border-color:#202020}.transport-buttons button{font-size:10px;padding:4px 6px;color:#ccc}.transport-buttons .play{background:#5e5e5e;border:1px solid #777;color:#eee}.timeline-actions{gap:4px}.timeline-actions button{font-size:9px;padding:4px 6px;background:#414141;color:#ccc;border-color:#242424}.timeline-actions button.primary{background:#b98044;color:#151515;border-color:#d39b5d}.frame-readout{color:#aaa}.timeline-footer{background:#262626;color:#aaa;border-color:#181818}.timeline-footer>span:last-child{color:#ddd}.ruler-row>span,#ruler span{color:#aaa}.track>button,.track>button span{color:silver}.track>button small{color:#888}.track-lane{border-color:#414141;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),#3c3c3c calc(12.5% - 1px),#3c3c3c 12.5%)}.track.active{background:#353535}.key{color:#d4ae62}.key.selected{color:#ffbc58;filter:none}.playhead{background:#78a8cc}#draft-status{color:#aaa}#draft-status.dirty{color:#edaf66}#key-delete{background:#414141;color:#ccc;border-color:#242424}.range-editor{flex-shrink:0;border-bottom:1px solid #191919;background:#333;padding:5px 8px}.range-editor summary{font-size:10px;color:#bbb;cursor:pointer}.range-fields{display:flex;flex-wrap:wrap;gap:6px;align-items:end;padding-top:7px}.range-fields label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#aaa}.range-fields input{width:65px;padding:4px;border:1px solid #555}.range-fields select{padding:4px;max-width:115px}.range-fields button{font-size:10px;padding:5px}.range-fields>span{font-size:10px;color:#d9ad75}#toast{background:#56504a;color:#fff;border:1px solid #a67d55}dialog,.dialog-top{background:#303030;color:#ddd;border-color:#666}.dialog-top{background:#272727}#dialog-body p{color:#bbb}#dialog-body h3{color:#eee}.full-input{background:#252525;color:#ddd}::-webkit-scrollbar-track{background:#272727}::-webkit-scrollbar-thumb{background:#575757}#transform-hint{-webkit-user-select:none;user-select:none}@media(max-width:1100px){.editor{grid-template-columns:215px minmax(340px,1fr) 245px}.brand{font-size:12px}.topbar{gap:7px;padding:0 8px}.top-actions{gap:4px}.top-actions button{font-size:10px}.topbar #project-title{max-width:110px}}@media(max-width:850px){.editor{display:grid;grid-template-columns:240px minmax(0,1fr);height:auto;min-height:0}.center,.library{height:1050px}.center{grid-column:2;grid-row:1}.library{grid-column:1;grid-row:1}.inspector{grid-column:1/-1}.inspector-scroll{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.placement-section{grid-column:auto}.topbar{height:auto;min-height:46px;flex-wrap:wrap;padding:8px}.top-actions{margin-left:0}.brand{font-size:14px}.timeline{height:340px}.whole-fields{grid-template-columns:35px 1fr}.whole-fields>div{gap:3px}}@media(max-width:580px){.editor{display:flex;flex-direction:column}.center{order:0;height:1100px;flex:none}.library{order:1;height:600px;flex:none}.inspector{order:2}.inspector-scroll{grid-template-columns:1fr}.brand{font-size:14px}.topbar .divider{display:none}.topbar #project-title{max-width:100px}.workspace-bar{padding:0 8px}.viewport{min-height:360px}.timeline{height:400px}.transport{min-height:130px}.whole-fields input{font-size:11px}.movement-presets{grid-template-columns:repeat(2,1fr)}.move-dock-title{gap:8px}.segmented button{padding:4px 9px}.transform-toolbar{gap:4px}.transform-toolbar button{font-size:10px}.top-actions{width:100%;justify-content:space-between}.top-actions button{font-size:10px}.top-actions .primary{margin-left:0}.mode-switch button{font-size:11px}.preset-grid,.position-grid{grid-template-columns:repeat(3,1fr)}}.preset-card,.model-pill,.topbar{box-shadow:none}.pose-art svg{filter:none}#mode-note{display:inline}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:29px;padding:5px!important}.icon-button svg{width:17px;height:17px;flex:none}.top-actions .icon-button{width:32px}.transport-buttons .icon-button{width:30px;height:27px}.viewport-left .icon-button{width:31px}.icon-button[aria-pressed=true]{color:#ffbe7f}body:not(.free-mode) .advanced-only{display:none!important}body:not(.free-mode) #handles,body:not(.free-mode) #handle-1,body:not(.free-mode) #handle-2{display:none;pointer-events:none}body:not(.free-mode) .bone-section{display:none}#mode-note{color:#aaa;font-size:11px;margin-left:8px}#reset-all-bones{border-color:#777}body:not(.free-mode) .timeline-actions button{font-size:10px;padding:6px 8px}body:not(.free-mode) .move-dock{padding:10px}body:not(.free-mode) .timeline{height:260px}body:not(.free-mode) .whole-fields{margin-bottom:7px}.motion-basic-duration{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-size:11px;color:#bbb}.motion-basic-duration input{width:85px;padding:5px}.recognition-panel{border-top:1px solid #4b4b4b;margin-top:10px;padding-top:10px}.recognition-panel canvas{width:100%;height:auto;max-height:230px;object-fit:contain;margin:8px 0;background:#202020;border:1px solid #555}.recognition-panel .small{line-height:1.6;margin:7px 0}.recognition-panel button{white-space:normal}.recognition-panel #apply-recognition{font-size:11px}.workspace-bar{flex-wrap:wrap}.editor{min-height:760px}@media(max-width:850px){#mode-note{display:none}}@media(min-width:1101px)and (min-height:850px){.editor{min-height:0}}@media(min-width:851px){.topbar{min-height:46px;padding-top:0;padding-bottom:0}.editor{height:calc(100vh - 83px);min-height:600px}.library{min-height:0}.viewport{min-height:200px}.timeline,body:not(.free-mode) .timeline{height:230px;min-height:210px}.move-dock{flex-shrink:0}}.music-section #music-name{margin:9px 0;overflow-wrap:anywhere}.music-settings{display:grid;gap:8px}.music-settings label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bbb}.music-settings label:has(input[type=range]){flex-wrap:wrap}.music-settings input[type=range]{width:100%;height:16px}.music-settings input[type=number]{width:90px;padding:5px;margin-left:auto}.music-settings output{margin-left:auto}.music-settings .check{margin:0}.music-settings button{font-size:10px}.selection-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 8px;flex-shrink:0;border-bottom:1px solid #202020;background:#303030}.selection-toolbar button{font-size:10px;padding:4px 6px}.selection-toolbar label{display:flex;align-items:center;gap:5px;color:#aaa;font-size:10px}.selection-toolbar input{width:55px;padding:3px;border:1px solid #555}.selection-toolbar #selection-count{font-size:10px;color:#e8b174;margin-right:auto}.selection-toolbar button.active{background:#745331;border-color:#e3a15a;color:#fff}#tracks{position:relative}.box-selecting .track-lane,.box-selecting .key{cursor:crosshair!important}.track-lane{touch-action:none}.key.multi-selected{color:#fff0bd!important;background:#8f6535!important;outline:1px solid #ffc477;border-radius:2px;z-index:3}.key-selection-box{position:absolute;pointer-events:none;background:#edaa5528;border:1px solid #efb264;z-index:8}.timeline,body:not(.free-mode) .timeline{height:310px;min-height:280px}.timeline-scroll{min-height:70px;flex:1}#tracks .key{touch-action:none}@media(min-width:851px){.editor{min-height:690px}}@media(max-width:580px){.center{height:1000px}.timeline,body:not(.free-mode) .timeline{height:420px;min-height:390px}}