:root{--bg: #0e1117;--panel: #161a22;--panel-2: #1c212b;--raised: #232936;--border: #2a3140;--border-soft: #232a37;--text: #d9dee8;--muted: #8b94a7;--faint: #5d6577;--accent: #5b8cff;--accent-dim: #2f4a8a;--hot: #ffb347;--hot-dim: #5a4424;--radius: 9px;--radius-sm: 6px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;color:inherit}.app{height:100%;display:flex;flex-direction:column}.topbar{height:52px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:linear-gradient(180deg,#1a1f29,var(--panel));border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:8px}.brand-mark{color:var(--accent);font-size:18px;transform:translateY(2px)}.brand-name{font-weight:700;letter-spacing:.2px;font-size:15px}.doc-name{color:var(--muted);font-size:12px}.mode-tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius)}.mode-tab{border:0;background:transparent;color:var(--muted);padding:6px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:background .12s,color .12s}.mode-tab:hover{color:var(--text)}.mode-tab.is-on{background:var(--accent);color:#fff;box-shadow:0 1px 8px #5b8cff66}.file-actions{display:flex;gap:8px;justify-content:flex-end}.ghost-btn,.primary-btn{border-radius:var(--radius-sm);padding:7px 12px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--raised);transition:border-color .12s,background .12s}.ghost-btn:hover{border-color:var(--faint)}.primary-btn{background:linear-gradient(180deg,#6f9bff,var(--accent));border-color:var(--accent-dim);color:#fff}.primary-btn:hover{filter:brightness(1.06)}.body{flex:1;min-height:0;display:flex}.panel{width:232px;flex:none;background:var(--panel);overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:18px}.panel-left{border-right:1px solid var(--border)}.panel-right{border-left:1px solid var(--border)}.panel-wide{width:320px}.center{flex:1;min-width:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.viewport canvas{display:block}.section{display:flex;flex-direction:column;gap:8px}.section-label{font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--faint);font-weight:700}.btn-stack{display:flex;flex-direction:column;gap:6px}.tool-btn{text-align:left;border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius-sm);padding:8px 11px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.tool-btn:hover{background:var(--raised);border-color:var(--faint)}.tool-btn.is-active{border-color:var(--accent);color:#fff;background:var(--accent-dim)}.tool-btn.is-soon{color:var(--muted)}.tool-btn.is-soon:after{content:"soon";float:right;font-size:9px;letter-spacing:.5px;color:var(--faint);border:1px solid var(--border);border-radius:4px;padding:0 4px;margin-top:1px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius-sm);padding:9px 6px;font-size:11.5px;font-weight:600;color:var(--muted);transition:border-color .12s,background .12s,color .12s}.grid-btn:hover{background:var(--raised);color:var(--text)}.grid-btn.is-active{border-color:var(--accent);color:#fff;background:var(--accent-dim)}.grid-glyph{font-size:16px;line-height:1}.slider-row{display:flex;justify-content:space-between;align-items:center}.slider-row strong{color:var(--accent)}.slider{width:100%;accent-color:var(--accent)}.hint{color:var(--muted);font-size:11.5px;line-height:1.5;margin:0}.hint.is-warn{color:var(--hot)}.outliner{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.outliner li{padding:5px 9px;border-radius:var(--radius-sm);color:var(--muted);font-size:12.5px}.outliner li.is-active{background:var(--panel-2);color:var(--text)}.overlay-bar{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;padding:5px;background:#12161ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius)}.overlay-bar-right{left:auto;right:12px}.operator-panel{position:absolute;left:12px;bottom:12px;width:220px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#12161edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 24px #00000059}.op-title{font-weight:700;font-size:13px;color:var(--text)}.op-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.op-row span{color:var(--muted);font-size:12px}.op-number{width:72px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:4px 7px;font-size:12px;font-family:inherit}.op-number:focus{outline:none;border-color:var(--accent)}.overlay-label{font-size:10px;letter-spacing:1px;color:var(--faint);padding:0 6px;font-weight:700}.seg{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:var(--radius-sm);padding:5px 11px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.seg:hover{color:var(--text)}.seg.is-on{background:var(--hot);color:#1a1206;border-color:var(--hot)}.seg-glyph{opacity:.8}.timeline{flex:none;height:188px;background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column}.timeline-controls{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border-soft)}.transport{display:flex;gap:2px;flex:none}.timeline-controls{flex-wrap:wrap}.clip-tabs{flex-wrap:nowrap}.clip-tab,.scroll-hint{white-space:nowrap}.transport button{border:0;background:transparent;color:var(--text);font-size:15px;padding:3px 6px;border-radius:5px}.transport button:hover{background:var(--raised)}.transport .play{color:var(--accent)}.chip{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;white-space:nowrap}.chip:hover{color:var(--text)}.chip.is-hot{background:var(--hot-dim);color:var(--hot);border-color:var(--hot)}.chip.is-static{cursor:default}.key-controls{display:flex;gap:4px}.key-btn{border:1px solid var(--hot);background:var(--hot-dim);color:var(--hot);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.key-btn:hover:not(:disabled){background:var(--hot);color:var(--bg)}.key-btn:disabled{opacity:.45;cursor:default;border-color:var(--border);background:var(--panel-2);color:var(--muted)}.clip-tabs{display:flex;gap:4px;margin-left:4px}.clip-tab{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:var(--radius-sm);padding:4px 13px;font-size:12px;font-weight:600;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.clip-tab:hover{color:var(--text)}.clip-tab.is-on{background:var(--accent);color:#fff;border-color:var(--accent-dim)}.clip-tab.is-add{color:var(--faint);padding:4px 9px}.clip-tab-x{margin-left:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;opacity:0;transition:opacity .1s}.clip-tab:hover .clip-tab-x,.clip-tab.is-on .clip-tab-x{opacity:1}.clip-tab-x:hover{color:var(--hot)}.clip-tab-edit{font:inherit;width:7ch;padding:2px 6px;border:1px solid var(--accent);border-radius:4px;background:var(--panel);color:var(--text)}.scroll-hint{margin-left:auto;color:var(--faint);font-size:11px}.timeline-grid{flex:1;display:flex;min-height:0}.track-labels{width:200px;flex:none;border-right:1px solid var(--border)}.track-head{padding:7px 12px;border-bottom:1px solid var(--border-soft)}.track-row{padding:8px 12px;font-size:12.5px}.track-row.muted{color:var(--faint)}.track-scroll{flex:1;overflow-x:auto}.ruler{display:flex;border-bottom:1px solid var(--border-soft)}.frame{width:30px;flex:none;border:0;border-right:1px solid var(--border-soft);background:var(--panel);color:var(--muted);font-size:11px;padding:6px 0}.frame:hover{background:var(--panel-2)}.frame.is-play{background:var(--accent-dim);color:#fff}.cells{display:flex}.cell{width:30px;height:34px;flex:none;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.bone-track-label{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12.5px;cursor:pointer;border-bottom:1px solid var(--border-soft)}.bone-track-label.is-active{background:var(--accent-dim);color:#fff}.bone-track-label:hover{background:var(--raised)}.bone-track-label.is-active:hover{background:var(--accent-dim)}.bone-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-toggle{flex:none;border:0;background:none;color:var(--faint);font-size:12px;padding:0;cursor:pointer;line-height:1}.kf-toggle:hover{color:var(--text)}.kf-toggle.is-on{color:var(--hot)}.cell{display:flex;align-items:center;justify-content:center}.cell.is-col{background:var(--accent-dim)}.kf-diamond{border:0;background:none;color:var(--hot);font-size:13px;padding:0;cursor:pointer;line-height:1}.kf-diamond:hover{color:var(--text)}.uv-panel{display:flex;flex-direction:column;gap:12px;height:100%}.uv-canvas{position:relative;aspect-ratio:1;width:100%;border:1px dashed var(--border);border-radius:var(--radius-sm);background:linear-gradient(var(--border-soft) 1px,transparent 1px) 0 0 / 100% 12.5%,linear-gradient(90deg,var(--border-soft) 1px,transparent 1px) 0 0 / 12.5% 100%,var(--panel-2)}.uv-island{position:absolute;border:1px solid var(--faint);border-radius:3px}.uv-island.is-hot{border-color:var(--hot);background:#ffb34729}.panel::-webkit-scrollbar,.track-scroll::-webkit-scrollbar{width:9px;height:9px}.panel::-webkit-scrollbar-thumb,.track-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.rig-tree .bone-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.rig-tree .bone-row:hover{background:#ffffff0d}.rig-tree .bone-row.is-active{background:#ffb3472e;color:var(--hot, #ffb347)}.rig-tree .bone-glyph{opacity:.8}.vec-row{display:flex;gap:6px}.vec-cell{display:flex;flex-direction:column;gap:2px;flex:1;font-size:11px;opacity:.85}.num-field{width:100%;box-sizing:border-box;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:inherit;padding:3px 5px;font-size:12px}.num-field:focus{outline:1px solid var(--accent, #6f8bd6)}.color-swatch{width:36px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.link-btn{display:inline-block;margin-top:6px;background:var(--hot-dim);border:1px solid var(--hot);color:var(--hot);border-radius:4px;padding:2px 8px;cursor:pointer;font:inherit}.link-btn:hover{background:var(--hot);color:#1a1206}.modal-hud{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;background:#10131aeb;border:1px solid var(--accent, #6f8bd6);border-radius:8px;font-size:13px;color:#e8edf7;pointer-events:none;z-index:20}.modal-hud-axis{text-transform:uppercase;color:var(--accent, #6f8bd6);font-weight:600}.modal-hud-value{font-variant-numeric:tabular-nums;color:var(--hot, #f5b450);font-weight:700}.modal-hud-hint{opacity:.6;font-size:11px}.uv-canvas-live{width:100%;aspect-ratio:1 / 1;height:auto;background:#0b0e14;border:1px solid var(--border);border-radius:6px;image-rendering:pixelated}.weight-legend{list-style:none;margin:6px 0 0;padding:0;font-size:12px}.weight-legend li{display:flex;align-items:center;gap:6px;padding:2px 0}.weight-legend .swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.weight-legend .count{color:var(--text-dim, #8a93a6)}.seg-toggle{display:flex;gap:4px;margin-bottom:8px}.seg-toggle>*{flex:1}.guidance{margin-top:12px;border-top:1px solid var(--panel-border, #2a2f3a);padding-top:8px}.guidance-head{display:flex;justify-content:space-between;width:100%;background:none;border:none;color:var(--text, #d8def0);cursor:pointer;font-size:13px;padding:4px 0}.guidance-body{list-style:none;margin:6px 0 0;padding:0;font-size:12px;color:var(--text-dim, #8a93a6)}.guidance-body li{padding:4px 0;line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#080a0e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(360px,90vw);background:var(--panel);border:1px solid var(--accent-dim);border-radius:10px;padding:18px;box-shadow:0 12px 40px #00000080}.modal-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px}.modal-msg{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-btn{padding:7px 14px;border-radius:6px;border:1px solid var(--panel-2);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:13px}.modal-btn:hover{border-color:var(--accent-dim)}.modal-btn.is-primary{background:linear-gradient(180deg,#6f9bff,var(--accent));border-color:var(--accent-dim);color:#fff}