@media (min-width:1200px){main[data-route=\/diagnostic]{max-width:1480px;padding-top:24px}main[data-route=\/diagnostic]>.eyebrow{margin-bottom:2px}main[data-route=\/diagnostic]>.route-title{margin:0 0 6px;font-size:clamp(44px,5.4vh,60px)}main[data-route=\/diagnostic]>.lede{max-width:64ch;margin:0;font-size:18px}main[data-route=\/diagnostic]>.note{margin:6px 0 18px}}.diagnostic-console{border-bottom:1px solid var(--card-line);grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:stretch;gap:18px 36px;margin:0 0 18px;padding-bottom:18px;display:grid}.self-diagnostic .diagnostic-projection{float:none;background:radial-gradient(ellipse at 50% 56%, color-mix(in srgb, var(--signal) 8%, transparent), transparent 68%);border:0;border-radius:14px;width:auto;min-width:0;margin:0;padding:10px 8px 4px;position:relative}.console-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0 6px 2px;font:500 11px/1.4 Consolas,monospace;display:flex}.diagnostic-projection[data-resolved] .console-caption>span:last-child{color:var(--accent-text)}.self-diagnostic .diagnostic-projection .request-architecture{width:100%;max-width:720px;height:auto;margin:0 auto;display:block;overflow:visible}.diagnostic-console .machine-layer{opacity:.72}.diagnostic-console .request-architecture:is([data-focus=request] .layer-request,[data-focus=timing] .layer-timing,[data-focus=source] .layer-source){opacity:1}.diagnostic-console .request-architecture:is([data-focus=request] .layer-request,[data-focus=timing] .layer-timing,[data-focus=source] .layer-source) .machine-plane{stroke-width:2px;filter:drop-shadow(0 0 10px color-mix(in oklch, var(--signal) 38%, transparent))}.diagnostic-projection[data-stage=signal] .machine-layer{opacity:.8}.diagnostic-projection[data-stage=signal] .machine-plane{filter:none}.diagnostic-projection[data-resolved] .layer-source .machine-plane{stroke:var(--success,var(--signal))}.diagnostic-projection[data-pending=true] .machine-scan{animation:1.3s linear infinite console-scan}@keyframes console-scan{0%{opacity:0;transform:translateY(40px)}15%,85%{opacity:1}to{opacity:0;transform:translateY(560px)}}.diagnostic-telemetry{flex-direction:column;gap:12px;min-width:0;display:flex}.diagnostic-telemetry .instrument-bar{margin:0}.telemetry-rows{margin:0;display:grid}.telemetry-rows>div{border-top:1px solid var(--card-line);grid-template-columns:116px minmax(0,1fr);align-items:start;gap:4px 14px;padding:9px 0;display:grid}.telemetry-rows dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px;font:500 11px/1.7 Consolas,monospace}.telemetry-rows dd{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 12px;min-width:0;margin:0;font-size:14px;display:flex}.telemetry-value{overflow-wrap:anywhere;flex:auto;min-width:0}.telemetry-kind{border:1px solid var(--card-line);letter-spacing:.08em;color:var(--muted);border-radius:999px;flex:none;padding:0 7px;font:600 10px/1.8 Consolas,monospace}.telemetry-rows :is([data-kind=MEASURED],[data-kind=VERIFIED],[data-kind=LIVE]) .telemetry-kind{border-color:var(--control-accent-rule);background:var(--control-accent);color:var(--accent-text)}.telemetry-rows [data-kind=CONTROLLED] .telemetry-kind{border-color:color-mix(in srgb, var(--warning,var(--signal)) 55%, var(--line));color:var(--text)}.telemetry-rows :is([data-kind=LOCKED],[data-kind=IDLE]) .telemetry-value{color:var(--muted)}.telemetry-reading{letter-spacing:-.03em;font-size:30px;font-weight:500;line-height:1.05}.telemetry-reading small{letter-spacing:0;color:var(--muted);font-size:14px;font-weight:400}.telemetry-rows .measured-spans{max-width:340px;margin-top:2px}.diagnostic-telemetry .diagnostic-first-action{margin-top:auto}.diagnostic-telemetry .diagnostic-first-action button{max-width:100%}.self-diagnostic>.instrument-spine{border:1px solid var(--card-line);background:color-mix(in srgb, var(--surface) 55%, var(--raised));border-radius:14px;margin:0 0 22px;padding:14px 16px 12px}.self-diagnostic>.instrument-spine ol:before{top:6px}.self-diagnostic>.instrument-spine ol:after{top:5.5px}.self-diagnostic>.instrument-spine .spine-node{border-radius:50%;width:14px;height:14px}.self-diagnostic>.instrument-spine li[data-state=current]{color:var(--accent-text)}.self-diagnostic>.instrument-spine li[data-state=current] .spine-node{box-shadow:0 0 0 4px var(--accent-soft)}.self-diagnostic>.instrument-spine li[data-state=pending] .spine-node{border-color:color-mix(in srgb, var(--muted) 60%, var(--line))}.self-diagnostic>h2{margin:0 0 4px}.self-diagnostic>[role=status]{color:var(--muted);margin:0 0 18px}.self-diagnostic .diagnostic-layout{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:28px}.self-diagnostic .diagnostic-context{border:0;border-right:1px solid var(--card-line);box-shadow:none;background:0 0;border-radius:0;padding:2px 22px 2px 0}.self-diagnostic .diagnostic-context h3{margin-top:0}@media (max-width:900px){.diagnostic-console{grid-template-columns:minmax(0,1fr)}.diagnostic-telemetry{display:contents}.diagnostic-telemetry .instrument-bar{order:-2}.diagnostic-telemetry .diagnostic-first-action{order:-1;margin:0}.self-diagnostic .diagnostic-projection .request-architecture{max-width:560px}}@media (max-width:760px){.self-diagnostic .diagnostic-context{border-right:0;border-bottom:1px solid var(--card-line);padding:0 0 18px}.telemetry-rows>div{grid-template-columns:96px minmax(0,1fr)}}@media (max-width:560px){.telemetry-rows>div{grid-template-columns:minmax(0,1fr);gap:2px}.telemetry-rows .measured-spans{max-width:none}.self-diagnostic .diagnostic-projection{padding:4px 0 0}}@media (prefers-reduced-motion:reduce){.diagnostic-projection[data-pending=true] .machine-scan{animation:none}}
