.sv3{--bg: #030712;--surface: rgba(15, 23, 42, .4);--surface-hover: rgba(15, 23, 42, .6);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--online: #22c55e;--offline: #ef4444;--building: #f59e0b;--idle: #64748b;--cyan: #06b6d4;--purple: #8b5cf6;--pink: #db2777;--green: #22c55e;--amber: #f59e0b;--gap: 1rem;--pad: 1.5rem;--radius: 12px;--ease: .2s cubic-bezier(.4, 0, .2, 1)}.sv3{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sv3 *{box-sizing:border-box}.sv3-header{position:sticky;top:0;z-index:50;background:#030712eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.75rem var(--pad)}.sv3-header-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sv3-title{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;color:var(--text)}.sv3-title strong{color:var(--cyan)}.sv3-title-icon{font-size:1.3rem}.sv3-tabs{display:flex;gap:.25rem;background:var(--surface);border-radius:8px;padding:4px}.sv3-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--ease);display:flex;align-items:center;gap:.5rem;font-family:inherit}.sv3-tab:hover{color:var(--text);background:#ffffff0d}.sv3-tab.active{color:var(--text);background:#06b6d433}.sv3-tab svg{flex-shrink:0}.sv3-status{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-muted);flex-shrink:0}.sv3-status-dot{width:8px;height:8px;border-radius:50%;background:var(--idle);transition:background .3s}.sv3-status.live .sv3-status-dot{background:var(--online);box-shadow:0 0 8px var(--online);animation:sv3-pulse 2s ease-in-out infinite}.sv3-status.live .sv3-status-text{color:var(--online)}.sv3-status.offline .sv3-status-dot{background:var(--offline)}.sv3-status.offline .sv3-status-text{color:var(--offline)}@keyframes sv3-pulse{0%,to{opacity:1}50%{opacity:.4}}.sv3-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.sv3-content{flex:1;overflow-y:auto;padding:var(--pad);-webkit-overflow-scrolling:touch;position:relative}.sv3-tab-content{display:none;max-width:1600px;margin:0 auto;width:100%}.sv3-tab-content.active{display:block;animation:sv3-fadeIn .25s ease}@keyframes sv3-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sv3-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap);margin-bottom:1.5rem}.sv3-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--ease),background var(--ease)}.sv3-stat-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.sv3-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.sv3-stat-value{font-size:1.75rem;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text)}.sv3-stat-green{color:var(--green)}.sv3-stat-amber{color:var(--amber)}.sv3-stat-red{color:var(--red, #ef4444)}.sv3-assign-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.sv3-assign-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#06b6d40d;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem}.sv3-assign-count{margin-left:auto;background:var(--cyan);color:#0f172a;font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:9px}.sv3-assign-body{padding:.5rem;max-height:280px;overflow-y:auto}.sv3-assign-empty{text-align:center;color:var(--text-dim);padding:1rem;font-size:.82rem}.sv3-assign-row{display:flex;align-items:center;padding:.5rem .65rem;border-radius:6px;gap:.75rem;transition:background .15s}.sv3-assign-row:hover{background:#ffffff08}.sv3-assign-pkg{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv3-assign-arrow{color:var(--cyan);font-size:.75rem;flex-shrink:0}.sv3-assign-drone{font-size:.82rem;font-weight:600;color:var(--cyan);flex-shrink:0}.sv3-assign-time{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim);flex-shrink:0;min-width:60px;text-align:right}.sv3-assign-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sv3-assign-status-dot.building{background:var(--amber);animation:sv3-pulse 1.5s infinite}.sv3-assign-status-dot.idle{background:var(--green)}.sv3-timing-row{margin-bottom:1rem}.sv3-blocked-panel{background:var(--surface);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.sv3-blocked-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#ef44440d;border-bottom:1px solid rgba(239,68,68,.15);font-weight:600;font-size:.85rem;color:#ef4444}.sv3-blocked-count{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:9px}.sv3-blocked-body{padding:.5rem 1rem}.sv3-blocked-item{padding:.35rem 0;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}.sv3-blocked-item:before{content:"";width:6px;height:6px;border-radius:50%;background:#ef4444;flex-shrink:0}.sv3-progress-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.sv3-progress-label{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.5rem;color:var(--text-dim)}.sv3-progress-bar{height:18px;border-radius:9px;background:#ffffff0a;overflow:hidden;display:flex;margin-bottom:.5rem}.sv3-progress-seg{height:100%;transition:width .5s ease}.sv3-progress-seg.received{background:var(--green)}.sv3-progress-seg.delegated{background:var(--amber)}.sv3-progress-seg.blocked{background:#ef4444}.sv3-progress-legend{display:flex;gap:1.2rem;font-size:.75rem;color:var(--text-dim)}.sv3-session-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden}.sv3-session-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#06b6d414;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem}.sv3-session-id{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-dim)}.sv3-session-body{padding:1rem}.sv3-session-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem}.sv3-session-label{color:var(--text-dim)}.sv3-session-val{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.8rem}.sv3-session-progress-bar{height:6px;background:#ffffff14;border-radius:3px;margin:.5rem 0;overflow:hidden}.sv3-session-progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:3px;transition:width .5s ease}.sv3-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sv3-chart-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;font-weight:600;color:var(--text)}.sv3-chart-body{height:260px;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.85rem}.sv3-fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap)}.sv3-drone-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--ease),box-shadow var(--ease)}.sv3-drone-card:hover{border-color:var(--cyan);box-shadow:0 0 20px #06b6d41f}.sv3-drone-card.offline-card:hover{border-color:var(--offline);box-shadow:0 0 20px #ef44441a}.sv3-drone-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.sv3-drone-name{font-size:1rem;font-weight:600;color:var(--text)}.sv3-drone-ip{font-size:.75rem;color:var(--text-dim);font-family:JetBrains Mono,monospace}.sv3-drone-badge{display:flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:12px;font-size:.72rem;font-weight:500}.sv3-drone-badge.online{background:#22c55e26;color:var(--online)}.sv3-drone-badge.offline{background:#ef444426;color:var(--offline)}.sv3-drone-badge.draining{background:#f59e0b26;color:var(--amber)}.sv3-drone-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sv3-drone-badge.online .sv3-drone-badge-dot{animation:sv3-pulse 2s ease-in-out infinite}.sv3-drone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.sv3-drone-metric-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.sv3-drone-metric-bar{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.sv3-drone-metric-fill{height:100%;border-radius:3px;transition:width .5s ease;background:var(--cyan)}.sv3-drone-metric-fill.warn{background:var(--amber)}.sv3-drone-metric-fill.crit{background:var(--offline)}.sv3-drone-metric-val{font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text);margin-top:.1rem}.sv3-drone-task{background:#0003;border-radius:8px;padding:.6rem .75rem;margin-bottom:.6rem}.sv3-drone-task-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:.15rem}.sv3-drone-task-val{font-size:.82rem;font-family:JetBrains Mono,monospace;color:var(--text)}.sv3-drone-task-val.idle{color:var(--text-muted);font-style:italic}.sv3-drone-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-dim)}.sv3-drone-cores{padding:.15rem .4rem;border-radius:4px;background:#06b6d41a;color:var(--cyan);font-family:JetBrains Mono,monospace}.sv3-queue-breakdown{margin-bottom:1.5rem}.sv3-breakdown-bar{height:10px;border-radius:5px;overflow:hidden;display:flex;background:#ffffff0d;margin-bottom:.75rem}.sv3-breakdown-seg{height:100%;transition:width .5s ease}.sv3-breakdown-seg.needed{background:var(--cyan)}.sv3-breakdown-seg.delegated{background:var(--purple)}.sv3-breakdown-seg.received{background:var(--green)}.sv3-breakdown-seg.blocked{background:var(--amber)}.sv3-breakdown-legend{display:flex;gap:1.5rem;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.sv3-legend-item{display:flex;align-items:center;gap:.4rem}.sv3-legend-dot{width:8px;height:8px;border-radius:2px}.sv3-legend-dot.needed{background:var(--cyan)}.sv3-legend-dot.delegated{background:var(--purple)}.sv3-legend-dot.received{background:var(--green)}.sv3-legend-dot.blocked{background:var(--amber)}.sv3-controls{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.sv3-ctrl-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-family:inherit;border-radius:8px;cursor:pointer;transition:var(--ease)}.sv3-ctrl-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.sv3-ctrl-btn.pause:hover{border-color:var(--amber);color:var(--amber)}.sv3-ctrl-btn.resume:hover{border-color:var(--green);color:var(--green)}.sv3-ctrl-btn.unblock:hover{border-color:var(--purple);color:var(--purple)}.sv3-ctrl-btn.rebalance:hover{border-color:var(--cyan);color:var(--cyan)}.sv3-ctrl-btn:active{transform:scale(.97)}.sv3-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.sv3-table{width:100%;border-collapse:collapse;font-size:.82rem}.sv3-table thead{background:#00000040}.sv3-table th{padding:.65rem 1rem;text-align:left;font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.sv3-table td{padding:.6rem 1rem;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03);font-family:JetBrains Mono,monospace;font-size:.78rem}.sv3-table tbody tr:hover{background:#ffffff05}.sv3-empty-row td{text-align:center;color:var(--text-dim);padding:2rem;font-style:italic;font-family:inherit}.sv3-status-pill{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.sv3-status-pill.needed{background:#06b6d426;color:var(--cyan)}.sv3-status-pill.delegated{background:#8b5cf626;color:var(--purple)}.sv3-status-pill.received{background:#22c55e26;color:var(--green)}.sv3-status-pill.blocked{background:#f59e0b26;color:var(--amber)}.sv3-status-pill.success{background:#22c55e26;color:var(--green)}.sv3-status-pill.failed{background:#ef444426;color:var(--offline)}.sv3-status-pill.skipped{background:#64748b26;color:var(--idle)}.sv3-chart-title{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;font-weight:600;color:var(--text)}.sv3-gauge-wrap{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;position:relative}.sv3-gauge{width:200px;height:120px}#cpu-gauge-arc{transition:stroke-dasharray .6s ease}.sv3-gauge-value{font-size:2rem;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text);margin-top:-2rem;text-align:center}.sv3-gauge-label{font-size:.72rem;color:var(--text-dim);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.sv3-activity-panel{flex-shrink:0;height:200px;display:flex;flex-direction:column;background:#030712f2;border-top:1px solid var(--border);transition:height .25s ease;overflow:hidden}.sv3-activity-panel.collapsed{height:36px}.sv3-activity-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;height:36px;flex-shrink:0;cursor:pointer;color:var(--text-muted);font-size:.8rem;font-weight:600;background:#0f172a99;border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv3-activity-header:hover{background:#0f172acc;color:var(--text)}.sv3-activity-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#06b6d433;color:var(--cyan);font-size:.68rem;font-family:JetBrains Mono,monospace;font-weight:600}.sv3-activity-filters{display:flex;gap:2px;margin-left:auto;margin-right:.5rem}.sv3-af-filter{padding:2px 8px;border:none;background:transparent;color:var(--text-dim);font-size:.68rem;font-family:inherit;border-radius:4px;cursor:pointer;transition:var(--ease)}.sv3-af-filter:hover{color:var(--text-muted);background:#ffffff0d}.sv3-af-filter.active{color:var(--cyan);background:#06b6d426}.sv3-activity-toggle{border:none;background:transparent;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1;font-family:inherit}.sv3-activity-body{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch}.sv3-activity-entries{display:flex;flex-direction:column}.sv3-activity-entry{display:flex;align-items:center;gap:.6rem;padding:.3rem 1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;color:var(--text-muted);border-left:3px solid transparent;transition:background .15s}.sv3-activity-entry:hover{background:#ffffff05}.sv3-activity-entry .sv3-ae-time{flex-shrink:0;color:var(--text-dim);font-size:.7rem;min-width:70px}.sv3-activity-entry .sv3-ae-badge{flex-shrink:0;padding:1px 6px;border-radius:3px;font-size:.62rem;font-weight:600;text-transform:uppercase;min-width:60px;text-align:center}.sv3-activity-entry .sv3-ae-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.sv3-activity-entry[data-type=assign],.sv3-activity-entry[data-type=queue]{border-left-color:#06b6d4}.sv3-activity-entry[data-type=assign] .sv3-ae-badge,.sv3-activity-entry[data-type=queue] .sv3-ae-badge{background:#06b6d426;color:#06b6d4}.sv3-activity-entry[data-type=complete]{border-left-color:#22c55e}.sv3-activity-entry[data-type=complete] .sv3-ae-badge{background:#22c55e26;color:#22c55e}.sv3-activity-entry[data-type=fail],.sv3-activity-entry[data-type=grounded]{border-left-color:#ef4444}.sv3-activity-entry[data-type=fail] .sv3-ae-badge,.sv3-activity-entry[data-type=grounded] .sv3-ae-badge{background:#ef444426;color:#ef4444}.sv3-activity-entry[data-type=rebalance],.sv3-activity-entry[data-type=reclaim]{border-left-color:#f59e0b}.sv3-activity-entry[data-type=rebalance] .sv3-ae-badge,.sv3-activity-entry[data-type=reclaim] .sv3-ae-badge{background:#f59e0b26;color:#f59e0b}.sv3-activity-entry[data-type=register],.sv3-activity-entry[data-type=control]{border-left-color:#8b5cf6}.sv3-activity-entry[data-type=register] .sv3-ae-badge,.sv3-activity-entry[data-type=control] .sv3-ae-badge{background:#8b5cf626;color:#8b5cf6}.sv3-activity-entry.hidden{display:none}.sv3-histogram{padding:1rem}.sv3-histo-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.sv3-histo-label{flex-shrink:0;width:60px;text-align:right;color:var(--text-dim)}.sv3-histo-bar-wrap{flex:1;height:20px;background:#ffffff08;border-radius:4px;overflow:hidden}.sv3-histo-bar{height:100%;border-radius:4px;min-width:2px;transition:width .4s ease}.sv3-histo-count{flex-shrink:0;width:30px;color:var(--text-muted);font-weight:600}.sv3-drone-perf{padding:1rem}.sv3-dp-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.sv3-dp-name{flex-shrink:0;width:100px;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv3-dp-bar-wrap{flex:1;height:16px;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.sv3-dp-bar-fill{height:100%;border-radius:4px;background:var(--green);transition:width .4s ease}.sv3-dp-bar-label{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.65rem;color:var(--text);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.sv3-dp-builds{flex-shrink:0;width:50px;text-align:right;color:var(--text-muted)}.sv3-dp-avg{flex-shrink:0;width:60px;text-align:right;color:var(--text-dim)}.sv3-dp-empty{text-align:center;color:var(--text-dim);padding:1.5rem;font-style:italic;font-family:inherit;font-size:.82rem}.sv3-offline-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);z-index:10}.sv3-offline-icon{color:var(--offline);flex-shrink:0}.sv3-offline-text{display:flex;flex-direction:column;gap:.25rem}.sv3-offline-text strong{color:var(--offline);font-size:1rem}.sv3-offline-text span{color:var(--text-dim);font-size:.82rem}@media (max-width: 1024px){.sv3-header-inner{flex-wrap:wrap}.sv3-tabs{order:3;width:100%;justify-content:center;margin-top:.5rem}}@media (max-width: 768px){.sv3{--pad: 1rem}.sv3-tab span:not(svg){display:none}.sv3-cards-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sv3-fleet-grid{grid-template-columns:1fr}}@media (pointer: coarse){.sv3-tab,.sv3-ctrl-btn{min-height:44px}}@media (prefers-reduced-motion: reduce){.sv3-status.live .sv3-status-dot,.sv3-drone-badge.online .sv3-drone-badge-dot,.sv3-tab-content.active{animation:none}}.sv3-chart-body .uplot{width:100%!important}.sv3-chart-body .u-legend{font-size:.72rem;color:var(--text-muted)}.sv3-chart-body .u-legend .u-marker{width:10px;height:3px}.sv3-arch-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem}.sv3-arch-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 1.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.8rem;border-radius:8px;cursor:pointer;transition:all .25s ease}.sv3-arch-step:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-hover)}.sv3-arch-step.active{border-color:var(--cyan);background:#06b6d41f;color:var(--text)}.sv3-arch-step-num{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.9rem}.sv3-arch-step.active .sv3-arch-step-num{color:var(--cyan)}.sv3-arch-step-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.sv3-arch-step-line{width:40px;height:2px;background:var(--border);flex-shrink:0}.sv3-arch-diagrams{position:relative;min-height:400px;margin-bottom:2rem}.sv3-arch-diagram{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.sv3-arch-diagram.active{opacity:1;pointer-events:auto;position:relative}.sv3-arch-svg{width:100%;max-height:520px;display:block}.sv3-arch-changes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}.sv3-arch-change-card{display:none;gap:.75rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--ease)}.sv3-arch-change-card.visible{display:flex}.sv3-arch-change-card:hover{border-color:var(--border-hover)}.sv3-arch-change-icon{font-size:1.2rem;flex-shrink:0;line-height:1}.sv3-arch-change-body{flex:1;min-width:0}.sv3-arch-change-title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.sv3-arch-change-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.sv3-topo-layout{display:flex;gap:var(--gap);min-height:700px}.sv3-topo-main{flex:1;min-width:0;background:#0a0e17;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sv3-topo-svg{width:100%;height:100%;display:block;min-height:600px}.sv3-topo-sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.sv3-topo-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--ease)}.sv3-topo-stat-card:hover{border-color:var(--border-hover)}.sv3-topo-stat-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.sv3-topo-stat-value{font-size:1.3rem;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text)}.sv3-topo-legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.sv3-topo-legend-title{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-weight:600}.sv3-topo-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);margin-bottom:.35rem}.sv3-topo-legend-item:last-child{margin-bottom:0}.sv3-topo-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sv3-topo-legend-icon{width:14px;text-align:center;font-size:10px;flex-shrink:0}.sv3-topo-legend-line{width:18px;height:2px;flex-shrink:0;border-radius:1px}.sv3-topo-legend-line.dashed{background:none!important;border-top:2px dashed #a855f7;height:0}.sv3-topo-node-label{font-size:12px;font-weight:700;fill:#f1f5f9}.sv3-topo-node-sub{font-size:9px;fill:#64748b;font-family:JetBrains Mono,monospace}.sv3-topo-node-role{font-size:8px;fill:#94a3b8;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.sv3-topo-node-pkg{font-size:9px;fill:#f59e0b;font-weight:600;font-family:JetBrains Mono,monospace}.sv3-topo-zone-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.sv3-topo-zone-sub{font-size:9px;fill:#475569;font-family:JetBrains Mono,monospace}.sv3-topo-conn-label{font-size:8px;fill:#475569;font-family:JetBrains Mono,monospace}.sv3-topo-cpu-bar{transition:width .5s ease}@media (max-width: 768px){.sv3-topo-layout{flex-direction:column;min-height:auto}.sv3-topo-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.sv3-topo-stat-card{flex:1;min-width:100px}.sv3-topo-legend{flex:1;min-width:140px}.sv3-arch-stepper{flex-wrap:wrap;gap:.5rem}.sv3-arch-step-line{display:none}}.sv3-wire-filters{margin-bottom:.75rem}.sv3-wire-filter-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.sv3-wire-select,.sv3-wire-input{padding:.4rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.78rem;font-family:JetBrains Mono,monospace;outline:none;transition:border-color var(--ease)}.sv3-wire-select:focus,.sv3-wire-input:focus{border-color:var(--cyan)}.sv3-wire-input-sm{width:80px}.sv3-wire-live-toggle{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv3-wire-live-toggle input{display:none}.sv3-wire-live-dot{width:8px;height:8px;border-radius:50%;background:var(--idle);transition:background .3s,box-shadow .3s}.sv3-wire-live-toggle input:checked+.sv3-wire-live-dot{background:var(--online);box-shadow:0 0 6px var(--online)}.sv3-wire-clear-btn{padding:.35rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.75rem;font-family:inherit;cursor:pointer;transition:var(--ease)}.sv3-wire-clear-btn:hover{color:var(--text);border-color:var(--border-hover)}.sv3-wire-stats{font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--text-dim);padding:.25rem 0}.sv3-wire-split{display:flex;flex-direction:column;height:calc(100vh - 320px);min-height:400px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.sv3-wire-list-wrap{flex:1;overflow-y:auto;overflow-x:auto;min-height:0;-webkit-overflow-scrolling:touch}.sv3-wire-resize{height:5px;background:var(--border);cursor:row-resize;flex-shrink:0;transition:background .2s}.sv3-wire-resize:hover{background:var(--cyan)}.sv3-wire-detail{height:250px;flex-shrink:0;overflow-y:auto;background:#0003;-webkit-overflow-scrolling:touch}.sv3-wire-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:.85rem;font-style:italic}.sv3-wire-detail-header{padding:.6rem .75rem;background:#06b6d414;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text)}.sv3-wire-detail-tabs{display:flex;gap:2px;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.sv3-wire-dtab{padding:.25rem .75rem;border:none;background:transparent;color:var(--text-dim);font-size:.72rem;font-family:inherit;border-radius:4px;cursor:pointer;transition:var(--ease)}.sv3-wire-dtab:hover{color:var(--text);background:#ffffff0d}.sv3-wire-dtab.active{color:var(--cyan);background:#06b6d426}.sv3-wire-json{margin:0;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:300px}.sv3-wire-table{width:100%;border-collapse:collapse;font-size:.75rem;font-family:JetBrains Mono,monospace}.sv3-wire-table thead{position:sticky;top:0;z-index:2;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sv3-wire-table th{padding:.45rem .5rem;text-align:left;font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:.62rem;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.sv3-wire-th-id{width:50px}.sv3-wire-th-time{width:80px}.sv3-wire-th-arrow{width:20px;text-align:center}.sv3-wire-table td{padding:.3rem .5rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.02);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.sv3-wire-table tbody tr{cursor:pointer;transition:background .1s}.sv3-wire-table tbody tr:hover{background:#ffffff08}.sv3-wire-table tbody tr.selected{background:#06b6d41f;border-left:3px solid var(--cyan)}.sv3-wire-table tbody tr.selected td{color:var(--text)}.sv3-wire-table tr[data-type=work_request] td:nth-child(5){color:#8b5cf6}.sv3-wire-table tr[data-type=register] td:nth-child(5){color:#06b6d4}.sv3-wire-table tr[data-type=complete] td:nth-child(5){color:#22c55e}.sv3-wire-table tr[data-type=queue] td:nth-child(5){color:#f59e0b}.sv3-wire-table tr[data-type=control] td:nth-child(5){color:#db2777}.sv3-wire-table tr[data-type=status_query] td:nth-child(5),.sv3-wire-table tr[data-type=events_query] td:nth-child(5),.sv3-wire-table tr[data-type=metrics_query] td:nth-child(5),.sv3-wire-table tr[data-type=health_check] td:nth-child(5){color:#64748b}.sv3-wire-latency{padding:1px 5px;border-radius:3px;font-size:.68rem}.sv3-wire-latency.fast{background:#22c55e26;color:#22c55e}.sv3-wire-latency.medium{background:#f59e0b26;color:#f59e0b}.sv3-wire-latency.slow{background:#ef444426;color:#ef4444}.sv3-json-key{color:#06b6d4}.sv3-json-string{color:#22c55e}.sv3-json-number{color:#f59e0b}.sv3-json-bool{color:#db2777}.sv3-json-null{color:#64748b}.sv3-replay-mode-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:var(--ease);flex-shrink:0}.sv3-replay-mode-btn:hover{border-color:var(--border-hover);color:var(--text)}.sv3-replay-mode-btn.active{border-color:var(--amber);color:var(--amber);background:#f59e0b1a}.sv3-replay-controls{background:#030712f2;border-bottom:1px solid var(--border);padding:.5rem 1rem}.sv3-replay-bar{display:flex;align-items:center;gap:.35rem;margin-bottom:.4rem}.sv3-replay-btn{padding:.3rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.72rem;font-family:JetBrains Mono,monospace;cursor:pointer;transition:var(--ease);min-width:28px;text-align:center}.sv3-replay-btn:hover{color:var(--text);border-color:var(--border-hover)}.sv3-replay-speed{padding:.25rem .4rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.72rem;font-family:JetBrains Mono,monospace;margin-left:.5rem}.sv3-replay-time{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--amber);margin-left:auto;font-weight:600}.sv3-replay-scrubber-wrap{position:relative;height:40px}.sv3-replay-density{width:100%;height:40px;display:block;border-radius:4px;background:#0000004d}.sv3-replay-scrubber{position:absolute;top:0;left:0;width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0}.sv3-replay-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:40px;background:var(--cyan);cursor:pointer;border:none;box-shadow:0 0 8px var(--cyan)}.sv3-replay-scrubber::-moz-range-thumb{width:3px;height:40px;background:var(--cyan);cursor:pointer;border:none;box-shadow:0 0 8px var(--cyan);border-radius:0}.sv3-replay-scrubber::-webkit-slider-runnable-track{height:40px;background:transparent}.sv3-replay-scrubber::-moz-range-track{height:40px;background:transparent}.sv3-data-controls{display:flex;flex-direction:column;gap:.75rem}.sv3-data-shortcuts{display:flex;flex-wrap:wrap;gap:.4rem}.sv3-data-shortcut{padding:.3rem .7rem;font-size:.72rem;border-radius:4px;background:#00c8ff14;border:1px solid rgba(0,200,255,.25);color:var(--accent, #00c8ff);cursor:pointer;transition:all .15s}.sv3-data-shortcut:hover{background:#00c8ff2e;border-color:var(--accent, #00c8ff)}.sv3-data-query-row{display:flex;gap:.5rem;align-items:flex-start}.sv3-data-textarea{flex:1;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text, #e0e0e0);resize:vertical}.sv3-data-run{padding:.5rem 1.2rem;font-size:.8rem;font-weight:600;border-radius:6px;background:var(--accent, #00c8ff);color:#000;border:none;cursor:pointer}.sv3-data-run:hover{opacity:.85}.sv3-data-info{font-size:.72rem;color:#ffffff80}.sv3-data-result{overflow-x:auto;margin-top:.5rem}.sv3-data-table{width:100%;border-collapse:collapse;font-size:.72rem;font-family:JetBrains Mono,monospace}.sv3-data-table th{position:sticky;top:0;padding:.4rem .6rem;text-align:left;background:#00c8ff1a;border-bottom:1px solid rgba(0,200,255,.3);color:var(--accent, #00c8ff);white-space:nowrap}.sv3-data-table td{padding:.35rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv3-data-table tr:hover td{background:#00c8ff0d}.sv3-data-tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.sv3-data-table-card{padding:.6rem;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s}.sv3-data-table-card:hover{border-color:var(--accent, #00c8ff)}.sv3-data-table-card .name{font-weight:600;font-size:.8rem}.sv3-data-table-card .count{font-size:.72rem;color:#ffffff80}.sv3-control-panel{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.1);margin-top:1rem}.sv3-control-btn{padding:.4rem .8rem;font-size:.72rem;font-weight:600;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text, #e0e0e0);cursor:pointer;transition:all .15s}.sv3-control-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.sv3-control-btn.danger{border-color:#ff505066;color:#ff5050}.sv3-control-btn.danger:hover{background:#ff505026}.sv3-control-btn.success{border-color:#00ff6466;color:#00ff64}.sv3-control-btn.success:hover{background:#00ff6426}