#debug-toggle{position:fixed;right:20px;bottom:18px;z-index:40;min-height:44px;padding:10px 17px;border:1px solid #52627e;border-radius:10px;background:#142139;color:#e8f1ff;font:600 14px ui-monospace,monospace;box-shadow:0 5px 22px #14213922}
#debug-panel{position:fixed;right:0;top:0;bottom:0;width:390px;z-index:50;background:#101b2d;color:#e5edf9;border-left:1px solid #344561;display:flex;flex-direction:column;padding:20px;gap:14px;box-shadow:-8px 0 24px #15233b15;font:14px/1.5 ui-monospace,SFMono-Regular,monospace}
#debug-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}#debug-panel h2{font:700 21px/1.2 system-ui,sans-serif;color:#f5f8ff;letter-spacing:-.02em}#debug-panel .debug-kicker{font-size:10px;letter-spacing:.12em;color:#92d9b7;margin-bottom:5px}
#debug-panel button{border:1px solid #52627e;background:#1c2c45;color:#e5edf9;border-radius:7px;padding:8px 12px;min-height:44px;font:inherit}#debug-panel button:focus-visible,#debug-panel summary:focus-visible,#debug-panel input:focus-visible,#debug-feed:focus-visible{outline:3px solid #8fbaff;outline-offset:3px}
#debug-status{border:1px solid #3b526e;background:#192b43;padding:12px;border-radius:8px;color:#b5d5ff;overflow-wrap:anywhere;font-size:13px;min-height:64px}.debug-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.debug-tools label{display:flex;align-items:center;gap:8px;min-height:44px}.debug-tools input{width:18px;height:18px}
#debug-feed{list-style:none;margin:0;padding:0;flex:1;min-height:120px;overflow:auto;overscroll-behavior:contain}#debug-feed li{padding:12px 0 12px 10px;border-bottom:1px solid #2c3b51;border-left:2px solid #627998;margin-bottom:8px;overflow-wrap:anywhere}#debug-feed li[data-status=passed]{border-left-color:#80dbaf}#debug-feed li[data-status=failed]{border-left-color:#ff9292}#debug-feed li[data-status=running]{border-left-color:#ebcf7b}#debug-feed li>div{display:flex;flex-wrap:wrap;gap:8px;color:#a9b9d1;font-size:10px}#debug-feed strong{color:#d2e1f9;font-weight:500}#debug-feed p{margin-top:5px;font-size:12px;color:#e5edf9}
#debug-panel details{border-top:1px solid #344561;padding-top:10px}#debug-panel summary{min-height:44px;cursor:pointer;font-size:13px}#debug-code{margin:0;background:#080f1d;color:#b9dfc9;font:12px/1.55 ui-monospace,monospace;padding:12px;max-height:30vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px}#debug-panel .debug-note{font-size:11px;color:#a6b6cd}#debug-count{font-size:11px;color:#a6b6cd}
@media(min-width:1200px){body.debug-open{padding-right:390px}body.debug-open #debug-toggle{right:410px}}
@media(max-width:1199px){#debug-panel{width:min(390px,100vw);box-shadow:-20px 0 80px #0005}}