:root{color-scheme:dark;--bg:#101315;--panel:#171b1e;--line:#2c3337;--muted:#8e9b9f;--ink:#e7eded;--accent:#c5f277;font:13px/1.55 Inter,"Segoe UI","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,.button{font:inherit}button,.button,select{border:1px solid var(--line);background:#23292d;color:var(--ink);border-radius:6px;padding:8px 11px;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:#323a3f}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#19251a;border-color:var(--accent);font-weight:650}.primary:hover{background:#d7ffa0}.wide{width:100%;margin:16px 0 12px}input:not([type=checkbox]):not([type=range]){background:#101416;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:8px;width:100%;min-width:0}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input:focus-visible,button:focus-visible,select:focus-visible,.button:focus-within{outline:2px solid var(--accent);outline-offset:2px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:12px}.brand{text-decoration:none;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:14px}.brandmark{display:inline-grid;place-items:center;background:var(--accent);color:#131b14;width:34px;height:34px;font-weight:900;border-radius:8px}.slash{color:#657176;font-weight:300}.subbrand{font-size:14px;letter-spacing:0;font-weight:400}.header-right{display:flex;align-items:center;gap:10px}.badge{font:10px monospace;letter-spacing:1px;color:var(--muted);margin-right:16px}main{display:grid;grid-template-columns:252px minmax(300px,1fr) 292px;height:calc(100vh - 76px);min-height:650px}.source-panel,.inspector{background:var(--panel);padding:24px 20px;overflow-y:auto}.source-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.inspector{border-left:1px solid var(--line)}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--muted)}h1,h2,p{margin:0}h2{font-size:18px;font-weight:500;margin:9px 0 12px}h1{font-size:22px;font-weight:500;margin:6px 0 1px}.muted{color:var(--muted);font-size:11px}.small{font-size:10px;margin:8px 0 12px}.dropzone{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px dashed #4b575b;background:#1c2225;border-radius:9px;height:142px;cursor:pointer;gap:5px;margin:22px 0 12px}.dropzone:hover,.dropzone.drag{border-color:var(--accent)}.dropzone span:last-of-type{color:var(--muted);font-size:10px}.upload-icon{color:var(--accent);font-size:30px;line-height:1.2;font-weight:200}.dropzone strong{font-size:12px;font-weight:500}#thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#thumbnails img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0}.text-button{border:0;background:none;padding:0;font-size:11px;color:var(--muted)}.field{display:block;font-size:11px;color:var(--muted);margin-top:14px}.field select,.field input{display:block;width:100%;margin-top:5px}.connection{margin-top:16px}.connection summary{color:var(--muted);font-size:11px;cursor:pointer}.connection p{margin-top:10px}progress{width:100%;height:4px;accent-color:var(--accent);margin-bottom:8px}.stages{list-style:none;padding:0;counter-reset:stages;margin:22px 0}.stages li{counter-increment:stages;color:#7f8e93;font-size:11px;display:flex;align-items:center;gap:10px;margin-bottom:15px}.stages li:before{content:counter(stages,decimal-leading-zero);font:10px monospace;color:#5f7076}.stages li.active,.stages li.active:before{color:var(--accent)}.source-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:20px;font:10px monospace;color:var(--muted)}.source-bottom p{margin:10px 0;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.viewport{position:relative;overflow:hidden;background:#20282b}canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.view-tools{display:flex;gap:5px;align-items:flex-start;pointer-events:auto}.view-tools button{font-size:10px;background:#1a2023d9}.viewport-bottom{position:absolute;bottom:16px;left:24px;right:24px;display:flex;justify-content:space-between;color:#87999f;font:9px monospace;pointer-events:none;gap:12px}.transport{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #4c5d6266;background:#192024ed;border-radius:9px;box-shadow:0 10px 40px #0005}.transport button,.transport select{font-size:11px;padding:8px;border:0;background:transparent}.transport #play{color:var(--accent);background:#29362e;width:32px}.transport-divider{height:24px;width:1px;background:var(--line)}#notice{position:absolute;left:50%;top:110px;transform:translateX(-50%);background:#121819e8;border:1px solid #3c4e52;border-radius:5px;padding:9px 14px;max-width:90%;font-size:11px;z-index:3;text-align:center}#notice:empty{display:none}.section-title{font:9px monospace;color:var(--muted);letter-spacing:1.3px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin:20px 0 12px}.section-title span{letter-spacing:0;color:#668077}#selected-name{font:12px monospace;color:var(--accent);overflow-wrap:anywhere}.rotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.rotation-grid label{font:10px monospace;color:#a4b4b9}.rotation-grid input{margin-top:5px}#bone-search{font-size:11px}#bone-tree{height:205px;overflow:auto;margin-top:8px;scrollbar-width:thin}#bone-tree button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:3px;padding:5px;font:10px monospace;overflow:hidden;text-overflow:ellipsis;color:#9eafb5}#bone-tree button.selected{background:#c5f27712;color:var(--accent)}#bone-tree button:hover{background:#ffffff08}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#abb8bc;padding:4px 0}.toggle input{width:14px;height:14px}.field output{float:right;color:var(--accent)}@media(min-width:1600px){main{grid-template-columns:280px 1fr 310px}}@media(max-width:1150px){main{grid-template-columns:210px minmax(300px,1fr) 250px}.source-panel,.inspector{padding:20px 14px}.viewport-top{left:18px;right:18px}.view-tools{flex-direction:column}.badge{display:none}.viewport-bottom span:last-child{display:none}}@media(max-width:850px){main{height:auto;grid-template-columns:1fr 250px}.source-panel{grid-column:1/-1;display:block;border-bottom:1px solid var(--line);padding:16px}.source-panel>p,.source-bottom,.stages{display:none}.dropzone{height:75px;margin:10px 0}.dropzone .upload-icon{display:none}#thumbnails{grid-template-columns:repeat(12,1fr)}.viewport{height:750px}.inspector{height:750px}header{padding:0 14px}.brand{font-size:16px;gap:8px}.subbrand{display:none}}@media(max-width:580px){main{display:flex;flex-direction:column}.viewport{height:650px}.inspector{height:auto}.transport{gap:2px}.transport button,.transport select{font-size:10px;padding:7px 4px}.viewport-top{left:15px;right:15px}#bone-tree{height:180px}.header-right .button{padding:8px;font-size:11px}}