*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a24;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:#1a1a24;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:320px;height:100vh;background:#12121af7;border-right:1px solid rgba(255,255,255,.04);z-index:15;overflow-y:auto;overflow-x:hidden;padding:20px 16px 80px;scrollbar-width:thin;scrollbar-color:#2a2a3a transparent}#panel::-webkit-scrollbar{width:3px}#panel::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}#panel::-webkit-scrollbar-track{background:transparent}#panel h1{font-size:15px;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.group{margin:0}.group+.group{border-top:1px solid rgba(255,255,255,.05)}.group-hdr{display:flex;align-items:center;gap:8px;padding:12px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;transition:background .15s}.group-hdr:hover{background:#ffffff08}.group-hdr:active{background:#ffffff0d}.group-hdr svg{width:10px;height:10px;color:#555;transition:transform .2s ease;flex-shrink:0}.group-hdr span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.group.collapsed .group-hdr svg{transform:rotate(-90deg)}.group.collapsed .group-body{display:none}.group-body{padding:2px 4px 14px}.joint-row{display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:6px;transition:background .15s}.joint-row:hover{background:#44aaff08}.joint-row .joint-header{display:flex;align-items:baseline;justify-content:space-between}.joint-row label{font-size:11px;color:#888;font-weight:500}.joint-row .val{font-size:12px;color:#4af;font-weight:600;font-variant-numeric:tabular-nums}.joint-row .slider-track{display:flex;align-items:center;gap:6px}.joint-row .range-label{font-size:8px;color:#3a3a48;font-variant-numeric:tabular-nums;min-width:26px;flex-shrink:0}.joint-row .range-label.min{text-align:right}.joint-row .range-label.max{text-align:left}.joint-row input[type=range]{flex:1;accent-color:#4af;height:4px;min-width:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:6px 0}.stat{font-size:11px}.stat .label{color:#4a4a58;font-weight:500}.stat .value{color:#4af;font-variant-numeric:tabular-nums}.btn{background:#ffffff0a;border:none;color:#888;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:11px;font-family:inherit;transition:all .15s ease;position:relative;overflow:hidden}.btn:hover{background:#ffffff14;color:#ccc}.btn:active{transform:scale(.95);background:#44aaff1f;color:#4af}.btn.active{background:#44aaff1f;color:#4af}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;padding:0 4px}.btn-action{width:100%;margin-top:8px;padding:10px;font-size:11px;font-weight:500;background:#44aaff0f;color:#5bf;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .15s ease}.btn-action:hover{background:#44aaff1f;color:#7cf}.btn-action:active{transform:scale(.98);background:#44aaff2e}.btn-enable-torque{background:#44bb4414;color:#6a6}.btn-enable-torque:hover{background:#44bb4424;color:#8c8}.btn-enable-torque:active{transform:scale(.95);background:#4b43;color:#afa}.btn-enable-torque.active{background:#44bb4424;color:#4a4}.btn-disable-torque{background:#bb444414;color:#a66}.btn-disable-torque:hover{background:#bb444424;color:#c88}.btn-disable-torque:active{transform:scale(.95);background:#b443;color:#faa}.connect-section{padding:0 4px}.connect-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#44aa440f;border:1px solid rgba(68,170,68,.15);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.connect-toggle:hover{background:#44aa441a;border-color:#44aa4440}.connect-toggle:active{transform:scale(.98)}.connect-toggle.active{background:#32dc321a;border-color:#32dc3259;box-shadow:0 0 12px #32dc321a}.connect-toggle.busy{background:#dcaa3214;border-color:#dcaa3233;pointer-events:none;opacity:.8}.connect-dot{width:8px;height:8px;border-radius:50%;background:#444;flex-shrink:0;transition:all .3s ease}.connect-dot.live{background:#4c4;box-shadow:0 0 6px #32dc3299;animation:pulse-connect 1.5s ease-in-out infinite}.connect-dot.busy{background:#da3;animation:pulse-connect .8s ease-in-out infinite}@keyframes pulse-connect{0%,to{box-shadow:0 0 4px #32dc324d}50%{box-shadow:0 0 10px #32dc32b3}}.connect-label{font-size:11px;font-weight:600;color:#6a6;flex:1;transition:color .2s}.connect-toggle.active .connect-label{color:#5d5}.connect-toggle.busy .connect-label{color:#da3}.connect-latency{font-size:9px;font-weight:500;color:#555;font-variant-numeric:tabular-nums;transition:color .2s}.connect-latency.fast{color:#4a4}.connect-latency.mid{color:#da3}.connect-latency.slow{color:#a44}.connect-status{font-size:9px;font-weight:700;color:#555;letter-spacing:1px;text-transform:uppercase;transition:color .2s}.connect-toggle.active .connect-status{color:#4c4}.connect-hint{font-size:8px;color:#3a3a48;margin-top:6px;padding:0 2px;letter-spacing:.3px}.joint-row .actual{font-size:10px;font-weight:500;margin-left:6px;font-variant-numeric:tabular-nums;transition:color .2s}.actual.drift-ok{color:#4a4}.actual.drift-mid{color:#da3}.actual.drift-high{color:#e55}.cal-table{width:100%;border-collapse:collapse;font-size:9px;margin-top:4px;table-layout:fixed}.cal-table th{color:#4a4a58;font-weight:600;text-align:right;padding:4px 3px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;text-transform:uppercase;letter-spacing:.3px}.cal-table th:nth-child(1){width:10px;text-align:center}.cal-table th:nth-child(2){text-align:left;width:42px}.cal-table td{padding:5px 3px;text-align:right;font-variant-numeric:tabular-nums;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-table td:nth-child(1){text-align:center;width:10px}.cal-table td:nth-child(2){text-align:left;color:#999}.cal-table tr.cal-yes td{color:#4af}.cal-table tr.cal-yes td:nth-child(1){color:#4a4}.cal-table tr.cal-no td:nth-child(1){color:#a44}.cal-table tr.cal-no td:nth-child(3),.cal-table tr.cal-no td:nth-child(4),.cal-table tr.cal-no td:nth-child(5),.cal-table tr.cal-no td:nth-child(6){color:#333}.cal-table .offset-col{color:#5a5;font-size:8px}.cal-table tbody tr{transition:background .1s}.cal-table tbody tr:hover{background:#ffffff05}.capture-row{display:flex;gap:6px;padding:0 4px;margin-bottom:8px}.capture-row input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:7px 10px;font-size:11px;font-family:inherit;color:#ccc;outline:none;transition:border-color .2s}.capture-row input::placeholder{color:#3a3a48}.capture-row input:focus{border-color:#4af6}.btn-capture{background:#44aaff14!important;color:#5bf!important;white-space:nowrap;font-weight:500!important}.btn-capture:hover{background:#44aaff29!important;color:#7cf!important}.saved-pos-empty{font-size:10px;color:#3a3a48;text-align:center;padding:12px 0;font-style:italic}.saved-pos-item{display:flex;align-items:stretch;gap:0;margin:2px 4px;border-radius:6px;overflow:hidden;transition:background .15s}.saved-pos-item:hover{background:#ffffff05}.saved-pos-go{flex:1;display:flex;flex-direction:column;gap:2px;background:none;border:none;cursor:pointer;padding:8px 10px;text-align:left;font-family:inherit;transition:background .15s;border-radius:6px 0 0 6px}.saved-pos-go:hover{background:#44aaff0f}.saved-pos-go:active{background:#44aaff1f}.saved-pos-name{font-size:11px;color:#bbb;font-weight:500}.saved-pos-angles{font-size:8px;color:#4a4a58;font-variant-numeric:tabular-nums}.saved-pos-del{background:none;border:none;cursor:pointer;color:#444;font-size:14px;padding:0 10px;font-family:inherit;transition:all .15s;display:flex;align-items:center;border-radius:0 6px 6px 0}.saved-pos-del:hover{color:#e55;background:#bb444414}.saved-pos-del:active{color:#f77;background:#bb444426}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#181820f2;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 20px;font-size:11px;color:#aaa;z-index:100;opacity:0;transition:opacity .3s;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.visible{opacity:1}.screenshot-btn{position:fixed;bottom:16px;left:16px;background:#ffffff0a;border:none;color:#555;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:10px;font-family:inherit;z-index:10;display:flex;align-items:center;gap:6px;transition:all .15s}.screenshot-btn:hover{background:#ffffff14;color:#aaa}.screenshot-btn:active{transform:scale(.95)}