:root{--bg:#0b0f12;--card:#12181c;--fg:#e9eef2;--acc:#19c2b0;--bad:#ff4d4f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}button,select{background:#1b242b;color:var(--fg);border:1px solid #2a353d;border-radius:12px;padding:10px 14px;font-weight:600}.card{background:var(--card);border:1px solid #1c2329;border-radius:18px;padding:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.badge{padding:4px 8px;border-radius:999px;background:#19c2b026;border:1px solid rgba(25,194,176,.35);color:var(--acc);font-weight:700}.canvas-wrap{position:relative}#video{width:100%;height:auto;border-radius:16px}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.stat{font-size:14px;opacity:.9}.kptable{width:100%;border-collapse:collapse;font-size:12px}.kptable th,.kptable td{border-bottom:1px solid rgba(255,255,255,.06);padding:6px 8px;text-align:left}.kptable thead th{position:sticky;top:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.small{font-size:12px;opacity:.9}.topbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.device-select{display:flex;gap:8px;align-items:center}.device-select select{min-width:200px}.layout{display:flex;gap:16px;align-items:flex-start}.layout .main{flex:1 1 640px}.layout .side{flex:0 1 360px;max-height:80vh;overflow:auto}@media (max-width: 1024px){.layout{flex-direction:column}.layout .side{width:100%;max-height:none}}