.debug-panel{z-index:10;color:#2d3d5c;background:#ffffffeb;border:1px solid #d6eefb;border-radius:12px;width:min(390px,100vw - 44px);padding:10px;font:12px/1.5 ui-monospace,JetBrains Mono,monospace;position:fixed;top:12px;left:12px;box-shadow:0 4px 14px #5bcef72e}.debug-panel__preview{aspect-ratio:4/3;background:#1a2233;border-radius:8px;width:100%;position:relative;overflow:hidden}.debug-panel__video,.debug-panel__overlay{width:100%;height:100%;position:absolute;inset:0}.debug-panel__video{object-fit:contain}.debug-panel__controls{flex-wrap:wrap;gap:6px 12px;margin-top:8px;display:flex}.debug-panel__controls label{align-items:center;gap:4px;display:inline-flex}.debug-panel__controls button,.debug-panel__controls select{color:#2d3d5c;background:#fff;border:1px solid #d6eefb;border-radius:8px;min-height:28px}.debug-panel__controls button{cursor:pointer;padding:2px 8px}.debug-panel__controls button:focus-visible,.debug-panel__controls select:focus-visible{outline-offset:2px;outline:2px solid #217ea7}.debug-panel__stats,.debug-panel__model-status,.debug-panel__puppet-stats,.debug-panel__recording{white-space:pre-line;margin-top:6px}.debug-panel__puppet-stats{border-top:1px solid #d6eefb;padding-top:6px}.debug-panel__recording{color:#66738d}.debug-panel__error{color:#d94367;word-break:break-all;background:#fdeef2;border-radius:8px;margin-top:6px;padding:6px 8px}@media (max-width:767px){.debug-panel{max-height:52vh;top:auto;bottom:12px;right:12px;overflow:auto}}