@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--bg: #080808;--panel: #0f0f0f;--border: #1e1e1e;--border2: #2a2a2a;--amber: #f59e0b;--amber-dim: #7c5209;--text: #d1d5db;--muted: #6b7280;--green: #22c55e;--red: #ef4444;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:11px;display:flex;height:100vh;overflow:hidden}.armpilot-root{display:flex;flex:1;width:100%;min-height:0}#panel{width:280px;min-width:280px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}#panel-header{padding:14px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.logo-mark{width:6px;height:6px;background:var(--amber);border-radius:50%;flex-shrink:0}#panel-header h1{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--text);text-transform:uppercase}#panel-header span{color:var(--amber)}#panel-body{flex:1;overflow-y:auto;overflow-x:hidden}#panel-body::-webkit-scrollbar{width:4px}#panel-body::-webkit-scrollbar-track{background:transparent}#panel-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.section{border-bottom:1px solid var(--border)}.section-header{padding:8px 16px 6px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:6px}.section-header:before{content:"";display:inline-block;width:12px;height:1px;background:var(--amber-dim)}.slider-row{padding:5px 16px;display:grid;grid-template-columns:1fr auto;gap:0 6px}.slider-name{color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.05em;grid-column:1;grid-row:1;padding-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-val{color:var(--amber);font-size:10px;font-weight:500;grid-column:2;grid-row:1;text-align:right;min-width:44px}.slider-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--border2);outline:none;border-radius:1px;grid-column:1 / -1;grid-row:2;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--amber);cursor:pointer;border:none;transition:background .15s}.slider-row input[type=range]::-webkit-slider-thumb:hover{background:#fbbf24;box-shadow:0 0 0 3px #f59e0b33}.ik-grid{padding:8px 16px;display:grid;grid-template-columns:16px 1fr;gap:5px;align-items:center}.axis-label{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.1em}.axis-label.x{color:#f87171}.axis-label.y{color:#4ade80}.axis-label.z{color:#60a5fa}.ik-input{background:var(--bg);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:11px;padding:5px 8px;width:100%;border-radius:2px;outline:none;transition:border-color .15s}.ik-input:focus{border-color:var(--amber)}.ik-input::-webkit-inner-spin-button{display:none}#ik-actions{padding:8px 16px 12px;display:flex;gap:6px}.btn{flex:1;padding:7px 0;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;border-radius:2px;transition:all .15s}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#000}.btn.primary:hover{background:#fbbf24}#status-section{padding:10px 16px;display:flex;flex-direction:column;gap:5px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-key{color:var(--muted);font-size:9px;letter-spacing:.05em;white-space:nowrap}.status-val{color:var(--text);font-size:10px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-val.ok{color:var(--green)}.status-val.warn{color:var(--amber)}.status-val.err{color:var(--red)}#viewport{flex:1;position:relative;overflow:hidden}#viewport canvas{display:block;width:100%!important;height:100%!important}#hud-corner{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-line{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.05em}.hud-line span{color:var(--amber)}#drag-hint{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.05em;pointer-events:none;transition:opacity .5s}#load-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100}#load-overlay.hidden{display:none}.spinner{width:24px;height:24px;border:2px solid var(--border2);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#load-msg{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.1em}#error-box{display:none;margin:12px 16px;padding:10px 12px;border:1px solid var(--red);background:#ef44440f;font-size:10px;color:var(--red);line-height:1.6}#error-box.visible{display:block}