*{box-sizing:border-box}:root{color-scheme:dark;--bg: #14141c;--panel: #1d1d29;--border: #2e2e42;--text: #e8e8f0;--muted: #8c8ca6;--accent: #7c5cff;--ok: #50fa7b;--bad: #ff5555}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100%;padding:12px;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.topbar h1{margin:0;font-size:18px}.topbar .sub{color:var(--muted);font-weight:400;font-size:13px}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.btn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 12px;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.calibration-panel{display:inline-flex;align-items:center;gap:8px}.calib-status.ok{color:var(--ok)}.calib-status.hint{color:var(--muted);font-size:12px;max-width:280px}.calib-pose{display:flex;flex-direction:column;gap:1px;max-width:360px}.calib-pose-step{color:var(--accent);font-weight:600;font-size:12px}.calib-pose-instruction{color:var(--text);font-size:12px;line-height:1.35}.calib-pose-state{color:var(--ok);font-size:12px;font-variant-numeric:tabular-nums}.calib-overlay{position:fixed;left:50%;bottom:12%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;text-align:center}.calib-overlay-step{font-size:22px;font-weight:700;color:var(--accent);text-shadow:0 2px 12px rgba(0,0,0,.9)}.calib-overlay-number{font-size:200px;font-weight:900;line-height:.85;color:#fff;text-shadow:0 0 60px rgba(124,92,255,.9),0 0 120px rgba(124,92,255,.4),0 6px 24px rgba(0,0,0,.95)}.calib-overlay-instruction{font-size:20px;color:var(--text);text-shadow:0 2px 8px rgba(0,0,0,.95);max-width:480px;line-height:1.4}.calib-overlay-hold{font-size:48px;font-weight:900;color:var(--ok);text-shadow:0 0 30px rgba(80,250,123,.7),0 4px 16px rgba(0,0,0,.9)}.calib-overlay-progress-track{width:260px;height:10px;background:#ffffff2e;border-radius:5px;overflow:hidden}.calib-overlay-progress-bar{height:100%;background:var(--ok);border-radius:5px;transition:width .12s linear}.panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}@media (max-width: 900px){.panes{grid-template-columns:1fr}}.pane{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:240px}.webcam-view{position:absolute;top:0;right:0;bottom:0;left:0}.webcam-video,.webcam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.webcam-overlay{pointer-events:none}.avatar-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.avatar-viewport canvas{display:block}.viewport-status,.pane-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted)}.viewport-status.error,.pane-error{color:var(--bad);padding:16px;text-align:center}.pane-error{position:absolute;inset:auto 0 0 0}.viewport-badge{position:absolute;top:8px;left:8px;background:#0000008c;color:var(--muted);font-size:11px;padding:3px 8px;border-radius:6px}.viewport-tools{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.viewport-upload{font-size:11px;padding:3px 8px;background:#0000008c;color:var(--muted)}.viewport-upload:hover{color:var(--text)}.skin-tools{display:flex;align-items:center;gap:2px;background:#0000008c;border:1px solid var(--border);border-radius:6px;padding:2px 4px}.skin-tools-label{color:var(--muted);font-size:11px;padding:0 5px}.skin-tools .btn{font-size:11px;padding:2px 7px;background:transparent;border-color:transparent;color:var(--muted)}.skin-tools .btn:hover:not(:disabled){color:var(--text);border-color:var(--border)}.viewport-upload-error{max-width:260px;background:#000000b3;color:var(--bad);font-size:11px;padding:3px 8px;border-radius:6px}footer{flex:none}.debug-hud{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;display:flex;flex-wrap:wrap;gap:8px 32px;align-items:flex-start;height:138px;overflow-y:auto;overflow-x:hidden}.hud-col{display:flex;flex-direction:column;gap:6px}.hud-row{display:flex;gap:8px;align-items:baseline;white-space:nowrap}.hud-row span{color:var(--muted)}.hud-cell-status{min-width:7ch;display:inline-block}.hud-cell-fps{min-width:3ch;display:inline-block}.hud-cell-conf{min-width:14ch;display:inline-block}.hud-cell-arms{min-width:7ch;display:inline-block}.hud-table{border-collapse:collapse}.hud-table th,.hud-table td{text-align:left;padding:1px 14px 1px 0;white-space:pre}.hud-table th{color:var(--muted);font-weight:400}.hud-table td.num{min-width:9ch}.ok{color:var(--ok)}.bad{color:var(--bad)}.hud-notes{flex-basis:100%}.hud-error{color:var(--bad)}.hud-warning{color:#ffb86c;font-size:11px;line-height:1.5}.hud-expr-support strong{color:var(--text)}