:root{color-scheme:dark}body{min-height:100vh;margin:0;background:#0f172a;color:#e2e8f0;font-family:system-ui,sans-serif}.diagnostic-header{display:flex;gap:28px;align-items:flex-start;padding:32px clamp(20px,5vw,72px);border-bottom:1px solid #334155;background:#111827}.diagnostic-header h1{margin:2px 0 6px;font-size:clamp(26px,4vw,40px)}.diagnostic-header p{margin:0;color:#94a3b8}.diagnostic-kicker{color:#818cf8!important;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.diagnostic-back{color:#c7d2fe;white-space:nowrap}.diagnostic-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:20px;padding:24px clamp(20px,5vw,72px) 48px}.diagnostic-panel{min-width:0;padding:22px;border:1px solid #334155;border-radius:14px;background:#1e293b}.diagnostic-panel h2{margin:0 0 18px;font-size:20px}.diagnostic-search label{display:block;margin-bottom:8px;color:#cbd5e1;font-size:14px}.diagnostic-search-row{display:flex;gap:8px}.diagnostic-search input{min-width:0;flex:1;padding:10px 12px;border:1px solid #475569;border-radius:8px;background:#0f172a;color:inherit}button{padding:10px 14px;border:0;border-radius:8px;background:#6366f1;color:#fff;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}.diagnostic-status{min-height:24px;margin:14px 0;color:#cbd5e1}.diagnostic-status[data-kind=error]{color:#fca5a5}.diagnostic-sessions{display:grid;gap:8px}.diagnostic-session{width:100%;text-align:left;background:#334155}.diagnostic-session:hover{background:#475569}.diagnostic-session strong,.diagnostic-session span{display:block}.diagnostic-session span{margin-top:4px;color:#cbd5e1;font-size:12px}.diagnostic-summary{margin-bottom:14px;color:#cbd5e1}.diagnostic-events{display:grid;gap:10px;margin:0;padding:0;list-style:none}.diagnostic-event{padding:12px;border-left:4px solid #64748b;border-radius:8px;background:#0f172a}.diagnostic-event[data-severity=warn]{border-color:#f59e0b}.diagnostic-event[data-severity=error]{border-color:#ef4444}.diagnostic-event-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}.diagnostic-event code{color:#c7d2fe;font-weight:700}.diagnostic-event time,.diagnostic-event small{color:#94a3b8}.diagnostic-context{overflow-wrap:anywhere;margin:8px 0 0;color:#cbd5e1;font-size:12px;white-space:pre-wrap}@media (max-width: 800px){.diagnostic-layout{grid-template-columns:1fr}.diagnostic-header{flex-direction:column;gap:14px}}