.diag-panel{--diag-blue: #194a8c;--diag-amber: #f5ab45;--diag-green: #1fa363;--diag-red: #d6453b;--diag-yellow: #e8b71d;--diag-ink: #0f1419;--diag-hair: #e3e6eb;--diag-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;position:relative;width:560px;height:448px;border-radius:22px;transform-origin:top left;color:var(--diag-ink)}.diag-panel .diag-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:22px;-o-object-fit:cover;object-fit:cover;background:#0c1622}.diag-panel .diag-hud{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden;pointer-events:none;z-index:3}.diag-panel .diag-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a121e6b,#0a121e00 26%),linear-gradient(0deg,#080e18a8,#080e1800 42%)}.diag-panel .diag-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,transparent 78%)}.diag-panel .diag-bracket{position:absolute;width:34px;height:34px;border:2px solid rgba(255,255,255,.85)}.diag-panel .diag-bracket.tl{top:16px;left:16px;border-right:0;border-bottom:0;border-top-left-radius:8px}.diag-panel .diag-bracket.tr{top:16px;right:16px;border-left:0;border-bottom:0;border-top-right-radius:8px}.diag-panel .diag-bracket.bl{bottom:16px;left:16px;border-right:0;border-top:0;border-bottom-left-radius:8px}.diag-panel .diag-bracket.br{bottom:16px;right:16px;border-left:0;border-top:0;border-bottom-right-radius:8px}.diag-panel .diag-sweep{position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,#f5ab4500,#f5ab452e 70%,#f5ab456b);border-bottom:1.5px solid rgba(245,171,69,.9);box-shadow:0 0 26px #f5ab4573;animation:diag-sweep 3.6s cubic-bezier(.65,0,.35,1) infinite}@keyframes diag-sweep{0%{transform:translateY(0)}55%{transform:translateY(568px)}to{transform:translateY(568px)}}.diag-panel .diag-status{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:9px;padding:8px 13px;background:#0c131e9e;border:1px solid rgba(255,255,255,.16);border-radius:9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--diag-mono);font-size:11.5px;letter-spacing:.06em;color:#eaf1fb;font-weight:500}.diag-panel .diag-status .ld{width:7px;height:7px;border-radius:50%;background:var(--diag-amber);animation:diag-pulse 1.6s ease-out infinite}.diag-panel .diag-status .dots:after{content:"";animation:diag-dots 1.6s steps(4,end) infinite}@keyframes diag-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.diag-panel .diag-status .vin{color:#eaf1fb8c}.diag-panel .diag-pin{position:absolute;pointer-events:none}.diag-panel .diag-pin .node{position:absolute;left:0;top:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;border:2px solid #fff}.diag-panel .diag-pin .node:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);animation:diag-ping 2.2s ease-out infinite}.diag-panel .diag-pin .lead{position:absolute;height:1px;background:linear-gradient(90deg,#ffffffd9,#ffffff40);transform-origin:left center}.diag-panel .diag-pin .tag{position:absolute;white-space:nowrap;display:flex;align-items:center;gap:7px;padding:5px 10px;background:#0c131ec7;border:1px solid rgba(255,255,255,.14);border-radius:7px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--diag-mono);font-size:11px;letter-spacing:.02em;color:#fff}.diag-panel .diag-pin .tag .d{width:7px;height:7px;border-radius:50%;flex-shrink:0}.diag-panel .diag-pin .tag .lbl{color:#ffffff9e}.diag-panel .diag-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 15px;background:#fff;border:1px solid var(--diag-hair);border-radius:12px;box-shadow:0 12px 28px -10px #0f141952;font-size:14px;font-weight:600;color:var(--diag-ink)}.diag-panel .diag-chip .ci{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.diag-panel .diag-chip.reports{top:42px;right:-14px}.diag-panel .diag-chip.reports .ci{background:var(--diag-amber);color:var(--diag-ink)}.diag-panel .diag-chip.risk{bottom:118px;left:-18px}.diag-panel .diag-chip.risk .ci{background:var(--diag-blue)}.diag-panel .diag-readout{position:absolute;z-index:4;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:16px;padding:13px 16px;background:#0c131ebd;border:1px solid rgba(255,255,255,.14);border-radius:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.diag-panel .diag-readout .light{flex-shrink:0;display:flex;flex-direction:column;gap:5px;padding:7px 6px;border-radius:8px;background:#00000059}.diag-panel .diag-readout .light .b{width:11px;height:11px;border-radius:50%;background:#ffffff1f}.diag-panel .diag-readout .light .b.r.on{background:var(--diag-red);box-shadow:0 0 8px var(--diag-red)}.diag-panel .diag-readout .light .b.y.on{background:var(--diag-yellow);box-shadow:0 0 9px var(--diag-yellow)}.diag-panel .diag-readout .light .b.g.on{background:var(--diag-green);box-shadow:0 0 8px var(--diag-green)}.diag-panel .diag-readout .meta{flex:1;min-width:0}.diag-panel .diag-readout .meta .k{font-family:var(--diag-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#eaf1fb8c}.diag-panel .diag-readout .meta .v{font-size:15px;font-weight:700;color:#fff;margin-top:2px;letter-spacing:-.01em}.diag-panel .diag-readout .meta .v .sub{font-weight:500;color:#eaf1fb9e;font-size:12.5px;margin-left:6px}.diag-panel .diag-readout .conf{flex-shrink:0;text-align:right;min-width:96px}.diag-panel .diag-readout .conf .k{font-family:var(--diag-mono);font-size:10.5px;letter-spacing:.1em;color:#eaf1fb8c}.diag-panel .diag-readout .conf .bar{margin-top:6px;width:96px;height:5px;border-radius:3px;background:#ffffff24;overflow:hidden}.diag-panel .diag-readout .conf .bar i{display:block;height:100%;width:94%;border-radius:3px;background:linear-gradient(90deg,var(--diag-green),#56c98a)}.diag-panel .diag-readout .conf .pct{font-family:var(--diag-mono);font-size:11px;color:#fff;margin-top:4px}@keyframes diag-pulse{0%{box-shadow:0 0 #f5ab4599}70%{box-shadow:0 0 0 7px #f5ab4500}to{box-shadow:0 0 #f5ab4500}}@keyframes diag-ping{0%{transform:scale(.6);opacity:.9}80%,to{transform:scale(1.7);opacity:0}}@media (prefers-reduced-motion: reduce){.diag-panel .diag-sweep,.diag-panel .diag-status .ld,.diag-panel .diag-pin .node:after,.diag-panel .diag-status .dots:after{animation:none}.diag-panel .diag-sweep{top:42%;opacity:.6}}