*{margin:0;padding:0;box-sizing:border-box}body{background:#2a2a35;color:#e0e0e0;font-family:SF Mono,Fira Code,monospace;overflow:hidden}#canvas{width:100vw;height:100vh;display:block}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a2a35;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.spinner{width:40px;height:40px;border:3px solid #222;border-top-color:#4af;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-size:12px;color:#666}#panel{position:fixed;top:0;left:0;width:300px;height:100vh;background:#1e1e28f0;border-right:1px solid #3a3a4a;z-index:15;overflow-y:auto;padding:16px 16px 60px;scrollbar-width:thin;scrollbar-color:#333 transparent}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-thumb{background:#333;border-radius:2px}#panel h1{font-size:15px;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px}.joint-row{display:flex;align-items:center;gap:8px;margin:4px 0}.joint-row label{width:90px;font-size:11px;color:#aaa}.joint-row input[type=range]{flex:1;accent-color:#4af;height:4px}.joint-row .val{width:52px;text-align:right;font-size:11px;color:#4af;font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin:6px 0}.stat{font-size:11px}.stat .label{color:#555}.stat .value{color:#4af}.btn{background:#181820;border:1px solid #333;color:#999;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:10px;font-family:inherit;margin:2px;transition:all .12s}.btn:hover{background:#222;border-color:#4af;color:#ddd}.btn.active{background:#12253a;border-color:#4af;color:#4af}.btn-row{display:flex;gap:3px;flex-wrap:wrap;margin:4px 0}.group{margin-bottom:2px}.group-hdr{display:flex;align-items:center;gap:6px;padding:8px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px}.group-hdr:hover{background:#44aaff0a}.group-hdr svg{width:10px;height:10px;color:#444;transition:transform .15s;flex-shrink:0}.group-hdr span{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px}.group.collapsed .group-hdr svg{transform:rotate(-90deg)}.group.collapsed .group-body{display:none}.btn-enable-torque{background:#0a1a0a;border-color:#4a4;color:#6a6}.btn-enable-torque:hover{background:#1a3020;border-color:#4a4;color:#8c8}.btn-enable-torque.active{background:#1a3020;border-color:#4a4;color:#4a4}.btn-disable-torque{background:#1a0a0a;border-color:#a44;color:#a66}.btn-disable-torque:hover{background:#301a1a;border-color:#a44;color:#c88}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#1e1e28f2;border:1px solid #444;border-radius:8px;padding:10px 18px;font-size:11px;color:#aaa;z-index:100;opacity:0;transition:opacity .3s;pointer-events:none}.toast.visible{opacity:1}.screenshot-btn{position:fixed;bottom:16px;left:16px;background:#181820;border:1px solid #333;color:#888;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:10px;font-family:inherit;z-index:10;display:flex;align-items:center;gap:5px}.screenshot-btn:hover{border-color:#4af;color:#ddd}