.processing-shell{margin-top:18px}.processing-panel{padding:24px}.processing-state{display:flex;align-items:center;gap:10px}.diag-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.diag-metric,.diag-card{border:1px solid var(--line);background:rgba(4,14,25,.28);border-radius:16px}.diag-metric{padding:15px}.diag-metric span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.diag-metric strong{display:block;font-size:24px;margin-top:7px}.diag-metric small{display:block;color:var(--muted);margin-top:4px}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.diag-card{padding:18px;margin-top:14px}.diag-grid .diag-card{margin-top:0}.diag-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.diag-title>span{width:28px;height:28px;border:1px solid rgba(91,200,245,.35);border-radius:9px;display:grid;place-items:center;color:var(--cyan);font-size:9px}.diag-title h3{font-size:14px;margin:0;font-weight:650}.diag-source,.diag-value,.diag-calc-row,.diag-output-row{display:grid;grid-template-columns:1.2fr .9fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.diag-source:last-child,.diag-value:last-child,.diag-calc-row:last-child,.diag-output-row:last-child{border-bottom:0}.diag-source span,.diag-value span,.diag-calc-row span,.diag-output-row span{color:var(--muted);font-size:11px}.diag-source b,.diag-value b,.diag-calc-row b,.diag-output-row b{font-size:12px}.diag-source i{width:9px;height:9px;border-radius:50%;background:var(--green)}.diag-source i.off{background:var(--red)}.diag-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.diag-stage{position:relative;border:1px solid var(--line);border-radius:13px;padding:14px;min-height:118px}.diag-stage::after{content:"";position:absolute;right:-11px;top:50%;width:10px;border-top:1px solid rgba(91,200,245,.35)}.diag-stage:nth-child(4n)::after,.diag-stage:last-child::after{display:none}.diag-stage span{font-size:9px;color:var(--cyan);letter-spacing:.12em}.diag-stage b{display:block;margin:7px 0;font-size:12px}.diag-stage p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.diag-stage.active{border-color:rgba(91,200,245,.55);background:rgba(91,200,245,.07)}.diag-formula{padding:12px;border-radius:12px;background:#07111f;color:#b9d4e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5;margin-bottom:10px}.diag-raw summary{cursor:pointer;color:var(--cyan);font-size:11px;letter-spacing:.08em}.diag-raw pre{max-height:360px;overflow:auto;margin:14px 0 0;padding:14px;border-radius:12px;background:#06101d;color:#a9bfd2;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.diag-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.diag-pulse.active{animation:diagPulse 1s infinite}@keyframes diagPulse{50%{opacity:.3;transform:scale(.75)}}@media(max-width:900px){.diag-metrics{grid-template-columns:1fr 1fr}.diag-grid{grid-template-columns:1fr}.diag-stages{grid-template-columns:1fr 1fr}.diag-stage:nth-child(4n)::after{display:block}.diag-stage:nth-child(2n)::after{display:none}}@media(max-width:700px){.nav{gap:11px}.nav button{font-size:8px}.processing-panel{padding:18px}.diag-metrics{grid-template-columns:1fr 1fr}.diag-stages{grid-template-columns:1fr}.diag-stage::after{display:none!important}.diag-source,.diag-value,.diag-calc-row,.diag-output-row{grid-template-columns:1fr auto}.diag-source span:nth-child(2){grid-column:1/-1}.processing-state{flex-direction:column;align-items:flex-end}}