:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1c2638;background:#fff;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{padding:20px;max-width:1440px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:23px;letter-spacing:-.7px;margin:5px 0 16px}h2{font-size:17px;line-height:1.4}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#52627b;margin:0}button,select{font:inherit;min-height:40px;border:1px solid #c7ced9;border-radius:8px;background:#fff;color:#24324b;padding:8px 12px}button{cursor:pointer;font-weight:600}button:hover{background:#eef2f8;border-color:#8b9ab2}button:disabled{cursor:wait;opacity:.65}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4965bf;outline-offset:3px}label{display:block;font-weight:600;font-size:12px}select{display:block;width:100%;margin-top:7px;font-weight:400}label.model-select{max-width:480px;margin-bottom:16px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.workspace:has(#controls[hidden]){grid-template-columns:1fr}.scene{position:relative;min-width:0;height:420px;border-radius:14px;overflow:hidden;background:#f4f6f9;border:1px solid #dde3ec}#canvas{width:100%;height:100%}#canvas canvas{display:block;width:100%;height:100%;touch-action:none}#placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 20px 100px;pointer-events:none}#placeholder[hidden], [hidden]{display:none!important}.placeholder-symbol{font-size:65px;color:#647a9c;font-weight:200}#placeholder h2{font-size:23px;margin:10px 0}#placeholder p{color:#556176;margin:0 0 10px}#load{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);background:#1e2e48;color:#fff;border-color:#1e2e48;min-width:165px;box-shadow:0 4px 12px #15254116}.gesture-hint{position:absolute;bottom:4px;left:10px;right:10px;text-align:center;color:#57647a;font-size:11px;pointer-events:none}#controls h2{margin:0 0 13px}.button-row{display:flex;gap:6px;margin:0 0 10px}.button-row button{flex:1;font-size:12px;padding:7px 6px}#joint-panel{border-top:1px solid #dfe4eb;margin-top:17px;padding-top:15px}#joint{font-size:12px;max-width:100%;text-overflow:ellipsis}.angle-label{margin:18px 0 8px;display:flex;justify-content:space-between}#angle{width:100%;height:26px;accent-color:#4b61a6;cursor:pointer}small,#range{display:block;color:#58667b;font-size:11px}#animate{margin-top:14px;width:100%}#animate[aria-pressed=true]{background:#e7ecfa}.scope{color:#58667b;font-size:11px;line-height:1.6;margin-top:15px}#status{font-size:12px;line-height:1.5;min-height:18px;color:#49576c}footer{border-top:1px solid #e1e5ec;padding-top:10px;font-size:11px;color:#536078;line-height:1.6}footer p{margin:5px 0}.source-links{display:flex;gap:8px 18px;flex-wrap:wrap}a{color:#354f92;text-underline-offset:3px}details{margin-top:10px}summary{cursor:pointer}#revision{word-break:break-all;font-family:monospace}@media(min-width:1100px){.scene{height:520px}.workspace{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:600px){main{padding:14px}h1{font-size:20px;margin-bottom:12px}header{align-items:flex-start}header button{font-size:11px;min-height:36px;padding:6px 8px}.workspace{grid-template-columns:1fr;gap:16px}.scene{height:330px}#controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}#controls h2{grid-column:1/-1;margin:0}#joint-panel{grid-column:1/-1;margin-top:0;padding-top:10px}#controls .scope{grid-column:1/-1;margin:0}#animate{margin-top:8px}.angle-label{margin-top:10px}footer{font-size:11px}select{min-height:44px}.button-row{margin:0}#status{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}