:root{--bg-primary: #030712;--bg-glass: rgba(15, 23, 42, .7);--border-subtle: rgba(100, 116, 139, .2);--text-primary: #f1f5f9;--text-secondary: #d1d5db;--text-muted: #94a3b8;--text-dim: #6b7280;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-cyan: #06b6d4;--accent-red: #ef4444;--accent-violet: #8b5cf6;--accent-pink: #ec4899;--accent-purple: #a855f7}.build-page{min-height:100vh;background:linear-gradient(135deg,#030712,#0f172a,#1e1b4b);color:var(--text-primary);padding:1.5rem;position:relative;overflow-x:hidden}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars-layer{position:absolute;width:100%;height:100%;background-repeat:repeat}.stars-far{background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 30% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 90% 30%,rgba(255,255,255,.3),transparent);background-size:200px 200px;animation:drift-slow 120s linear infinite}.stars-mid{background-image:radial-gradient(1.5px 1.5px at 15% 45%,rgba(155,176,255,.6),transparent),radial-gradient(1.5px 1.5px at 45% 25%,rgba(255,244,232,.5),transparent),radial-gradient(1.5px 1.5px at 75% 75%,rgba(255,210,161,.5),transparent);background-size:300px 300px;animation:drift-medium 80s linear infinite}.stars-near{background-image:radial-gradient(2px 2px at 25% 55%,rgba(6,182,212,.8),transparent),radial-gradient(2px 2px at 65% 35%,rgba(139,92,246,.7),transparent);background-size:400px 400px;animation:drift-fast 60s linear infinite}@keyframes drift-slow{0%{transform:translate(0)}to{transform:translate(-200px)}}@keyframes drift-medium{0%{transform:translate(0)}to{transform:translate(-300px)}}@keyframes drift-fast{0%{transform:translate(0)}to{transform:translate(-400px)}}.container{max-width:1600px;margin:0 auto;position:relative;z-index:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-glass);border-radius:15px;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h1{font-size:2rem;margin:0;background:linear-gradient(135deg,#f59e0b,#ef4444,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--accent-cyan);font-size:1rem;margin-top:.25rem}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef444433;border:1px solid #ef4444;border-radius:20px;color:#ef4444;font-weight:700;font-size:.85rem}.live-indicator.connected{background:#22c55e33;border-color:#22c55e;color:#22c55e}.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.live-indicator.connected .live-dot{animation:livePulse 2s ease-in-out infinite}.live-indicator.replaying{background:#a855f733;border-color:#a855f7;color:#a855f7}.live-indicator.replaying .live-dot{animation:replayPulse .6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes replayPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.swarm-nav{display:inline-flex;gap:.25rem;padding:.25rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem}.swarm-nav-tab{padding:.45rem 1rem;border-radius:8px;text-decoration:none;font-size:.75rem;font-weight:600;color:#94a3b8;transition:all .2s}.swarm-nav-tab:hover{color:#e2e8f0;background:#ffffff14}.swarm-nav-tab.active{background:linear-gradient(135deg,#f59e0b,#f97316);color:#0f172a}.mega-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.25rem}@media (max-width: 1200px){.mega-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.mega-stats{grid-template-columns:repeat(2,1fr)}}.mega-stat{position:relative;background:linear-gradient(135deg,#111827b3,#1e293b80,#111827b3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d}.mega-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--stat-color),transparent);opacity:.9}.mega-stat:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--stat-color) 8%,transparent) 0%,transparent 50%);pointer-events:none}.mega-stat:hover{transform:translateY(-6px) scale(1.02);border-color:color-mix(in srgb,var(--stat-color) 50%,transparent);box-shadow:0 20px 50px #0006,0 0 40px color-mix(in srgb,var(--stat-color) 20%,transparent),inset 0 1px #ffffff1a}.mega-stat-value{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;color:var(--stat-color);line-height:1;text-shadow:0 0 30px color-mix(in srgb,var(--stat-color) 40%,transparent);position:relative;z-index:1}.mega-stat-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.6rem;position:relative;z-index:1}.mega-stat.completed{--stat-color: var(--accent-emerald)}.mega-stat.building{--stat-color: var(--accent-amber)}.mega-stat.queued{--stat-color: var(--accent-cyan)}.mega-stat.failed{--stat-color: #ef4444}.mega-stat.blocked{--stat-color: var(--accent-red)}.mega-stat.cores{--stat-color: var(--accent-violet)}.mega-stat.speedup{--stat-color: var(--accent-pink)}.panel{background:linear-gradient(135deg,#111827b3,#1e293b80,#111827b3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.15);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;position:relative}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 80%,transparent)}.panel:hover{border-color:#8b5cf659;box-shadow:0 12px 40px #0006,0 0 30px #8b5cf61a,inset 0 1px #ffffff14}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(180deg,#0000004d,#00000026);border-bottom:1px solid rgba(148,163,184,.1)}.panel-title{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.6rem;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.3)}.panel-badge{font-size:.7rem;font-weight:600;padding:.3rem .75rem;border-radius:100px;background:linear-gradient(135deg,#8b5cf640,#a855f733);color:var(--accent-violet);border:1px solid rgba(139,92,246,.3);box-shadow:0 0 10px #8b5cf633}.panel-badge.blocked{background:linear-gradient(135deg,#ef444440,#f8717133);color:var(--accent-red);border-color:#ef44444d;box-shadow:0 0 10px #ef444433}.panel-content{padding:1.5rem}.pipeline-panel{margin-bottom:1.25rem}.pipeline-content{padding:1rem}#pipelineSvg{height:220px;background:linear-gradient(180deg,#0000004d,#00000026);border-radius:12px;border:1px solid var(--border-subtle)}.pipeline-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.pipeline-legend span{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.driver{background:#10b981}.legend-dot.gateway{background:#8b5cf6}.legend-dot.orchestrator{background:#f59e0b}.legend-dot.drone{background:#06b6d4}.legend-dot.sweeper{background:#22c55e}.main-content-area{display:grid;grid-template-columns:1fr 450px;gap:1.25rem}@media (max-width: 1100px){.main-content-area{grid-template-columns:1fr}}.left-column{display:flex;flex-direction:column;gap:1rem}.drone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.empty-state{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-muted)}.empty-state-icon{font-size:2rem;margin-bottom:.5rem}.drone-card{position:relative;background:linear-gradient(135deg,#111827cc,#1e293b99,#111827cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible;box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d}.drone-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent);border-radius:20px 20px 0 0}.drone-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(ellipse at top,rgba(139,92,246,.05) 0%,transparent 60%);pointer-events:none}.drone-card:hover{transform:translateY(-8px) scale(1.02);border-color:#8b5cf666;box-shadow:0 25px 50px #00000080,0 0 40px #8b5cf626,inset 0 1px #ffffff1a}.drone-card.orchestrator{border-color:#fbbf2466;background:linear-gradient(135deg,#fbbf241a,#1e293b99,#111827cc)}.drone-card.orchestrator:after{background:radial-gradient(ellipse at top,rgba(251,191,36,.1) 0%,transparent 60%)}.drone-card.gateway{border-color:#06b6d466;background:linear-gradient(135deg,#06b6d41a,#1e293b99,#111827cc)}.drone-card.gateway:after{background:radial-gradient(ellipse at top,rgba(6,182,212,.1) 0%,transparent 60%)}.drone-card.gateway:hover{border-color:#06b6d499;box-shadow:0 25px 50px #00000080,0 0 40px #06b6d433,inset 0 1px #ffffff1a}.orchestrator-panel .panel-header{border-bottom:1px solid rgba(251,191,36,.2)}.gateway-panel .panel-header{border-bottom:1px solid rgba(6,182,212,.2)}.drone-card.building{border-color:#f59e0b80;animation:buildingGlow 2s ease-in-out infinite}.drone-card.building:after{background:radial-gradient(ellipse at top,rgba(245,158,11,.1) 0%,transparent 60%)}@keyframes buildingGlow{0%,to{box-shadow:0 4px 30px #0000004d,0 0 20px #f59e0b1a,inset 0 1px #ffffff0d}50%{box-shadow:0 4px 30px #0000004d,0 0 40px #f59e0b40,inset 0 1px #ffffff1a}}.drone-card.building .drone-activity-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 20px 20px;overflow:hidden;background:#f59e0b26}.drone-card.building .drone-activity-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#f59e0b,rgba(245,158,11,.6),transparent);animation:activitySweep 1.8s ease-in-out infinite}@keyframes activitySweep{0%{left:-40%}to{left:100%}}.drone-card.building .drone-status:before{animation:statusBlink 1.2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1;box-shadow:0 0 4px #f59e0b}50%{opacity:.3;box-shadow:0 0 8px #f59e0b,0 0 16px #f59e0b66}}.drone-task-building{position:relative;overflow:hidden}.drone-task-building:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.08),transparent);animation:taskShimmer 3s ease-in-out infinite}@keyframes taskShimmer{0%{left:-100%}to{left:100%}}.ping-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#06b6d4;margin-left:6px;animation:pingBlink 2.5s ease-in-out infinite;box-shadow:0 0 4px #06b6d499}@keyframes pingBlink{0%,80%,to{opacity:.2;transform:scale(.8)}10%,20%{opacity:1;transform:scale(1.2)}}.sync-path-active{stroke-dasharray:8,4;animation:syncDash 1s linear infinite}@keyframes syncDash{to{stroke-dashoffset:-12}}.core-dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:.5rem .25rem .25rem;border-top:1px solid rgba(100,116,139,.1);margin-top:.5rem}.core-dot{width:5px;height:5px;border-radius:50%;background:#64748b40;transition:all .4s ease}.core-dot.active{background:#f59e0b;box-shadow:0 0 4px #f59e0b,0 0 8px #f59e0b4d;animation:corePulse .8s ease-in-out infinite}.core-dot.idle-on{background:#06b6d480;box-shadow:0 0 3px #06b6d44d}.core-dot:nth-child(odd).active{animation-delay:.1s}.core-dot:nth-child(3n).active{animation-delay:.2s}@keyframes corePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.drone-card.heat-cool{border-color:#06b6d440}.drone-card.heat-cool:after{background:radial-gradient(ellipse at top,rgba(6,182,212,.06) 0%,transparent 70%)}.drone-card.heat-warm{border-color:#f59e0b59}.drone-card.heat-warm:after{background:radial-gradient(ellipse at top,rgba(245,158,11,.1) 0%,transparent 70%)}.drone-card.heat-hot{border-color:#ef444466}.drone-card.heat-hot:after{background:radial-gradient(ellipse at top,rgba(239,68,68,.12) 0%,transparent 60%)}.drone-card.building .scan-line{position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(245,158,11,.3),rgba(245,158,11,.6),rgba(245,158,11,.3),transparent);border-radius:2px;animation:scanLine 2.5s ease-in-out infinite;pointer-events:none;z-index:2;filter:blur(1px)}@keyframes scanLine{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 2px);opacity:0}}.burst-particle{position:absolute;border-radius:50%;pointer-events:none;z-index:1001;opacity:1}.burst-particle.flying{animation:burstFly var(--duration, .6s) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes burstFly{0%{transform:translate(0) scale(1);opacity:1}60%{opacity:.8}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.twinkle-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--duration, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s);pointer-events:none}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 6px #fffc,0 0 12px #9bb0ff66}}.drone-card{transform-style:preserve-3d;perspective:1000px}.drone-card:hover{transform:translateY(-8px) scale(1.02) rotateX(1deg) rotateY(-1.5deg)}.drone-card.orchestrator:hover{transform:translateY(-8px) scale(1.02) rotateX(-1deg) rotateY(1.5deg)}.building-arc{fill:none;stroke:#f59e0b;stroke-width:2.5;stroke-linecap:round;filter:url(#pipeGlow);animation:arcSpin 2s linear infinite;transform-origin:center}@keyframes arcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-ripple{fill:none;stroke-width:1;opacity:0;animation:rippleExpand 3s ease-out infinite}@keyframes rippleExpand{0%{r:3;opacity:.6;stroke-width:2}to{r:18;opacity:0;stroke-width:.5}}.path-particle{filter:url(#pipeGlow) drop-shadow(0 0 3px currentColor)}.build-ticker{position:absolute;top:.25rem;right:.25rem;font-family:JetBrains Mono,monospace;font-size:.55rem;color:#f59e0bb3;letter-spacing:.05em;animation:tickerFade .5s ease-out;pointer-events:none}@keyframes tickerFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.event-counter-item.bump{animation:counterBump .3s ease-out}.event-counter-item.bump span:last-child{text-shadow:0 0 8px currentColor}.drone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1}.drone-name{font-weight:700;font-size:1.05rem;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.3)}.drone-type{font-size:.65rem;margin-top:.25rem;color:var(--text-muted)}.drone-type.primary{color:var(--accent-amber);font-weight:600}.drone-status{width:14px;height:14px;border-radius:50%;background:#6b7280;position:relative}.drone-status:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:currentColor;opacity:.2}.drone-status.online{background:var(--accent-emerald);box-shadow:0 0 15px var(--accent-emerald);color:var(--accent-emerald)}.drone-status.offline{background:var(--accent-red);color:var(--accent-red)}.drone-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;position:relative;z-index:1}.drone-metric{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#00000040;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.drone-metric-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.drone-metric-value{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-weight:600;font-size:.9rem;text-shadow:0 0 10px rgba(6,182,212,.3)}.drone-task{background:linear-gradient(135deg,#f59e0b33,#fbbf2426);border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fbbf24;position:relative;z-index:1;box-shadow:0 0 20px #f59e0b26;word-break:break-all}.drone-idle{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.6rem;background:#0003;border-radius:10px;border:1px solid rgba(148,163,184,.1);position:relative;z-index:1}.drone-cores{font-size:.65rem;font-weight:600;color:var(--accent-violet);background:#8b5cf633;padding:.25rem .6rem;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 10px #8b5cf633}.orch-storage{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;position:relative;z-index:1}.orch-storage-item{display:flex;flex-direction:column;align-items:center;padding:.5rem .4rem;background:#00000040;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.orch-storage-label{font-size:.55rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.orch-storage-value{color:var(--accent-amber);font-family:JetBrains Mono,monospace;font-weight:600;font-size:.85rem;text-shadow:0 0 10px rgba(251,191,36,.3)}.sync-status{border-color:#94a3b833}.sync-status.syncing{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e26,#00000040);animation:syncPulse 2s ease-in-out infinite}.sync-status.syncing .orch-storage-value{color:var(--accent-emerald);text-shadow:0 0 10px rgba(34,197,94,.4)}.sync-status.idle .orch-storage-value{color:var(--text-muted);text-shadow:none}@keyframes syncPulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 15px #22c55e4d}}.drone-card.orchestrator.is-syncing{border-color:#22c55e80}.drone-card.orchestrator.is-syncing:after{background:radial-gradient(ellipse at top,rgba(34,197,94,.15) 0%,transparent 60%)}.pulse-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:20px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.session-panel .panel-content{padding:0}.session-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-subtle)}.session-item{background:var(--bg-glass);padding:.875rem;text-align:center}.session-item-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.session-item-value{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-cyan);font-weight:600}.failures-panel .panel-content{max-height:200px;overflow-y:auto}.failures-list{display:flex;flex-direction:column;gap:.5rem}.failure-item{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;font-size:.8rem}.failure-pkg{font-family:JetBrains Mono,monospace;color:var(--accent-red);font-weight:600}.failure-error{color:var(--text-muted);font-size:.7rem;margin-top:.25rem}.delegated-panel .panel-header{border-bottom:1px solid rgba(245,158,11,.2)}.delegated-panel .panel-content{max-height:320px;overflow-y:auto}.delegated-list{display:flex;flex-direction:column;gap:.4rem}.delegated-item{background:linear-gradient(135deg,#64748b1a,#4755690d);border:1px solid rgba(100,116,139,.2);border-radius:8px;padding:.6rem .875rem;display:flex;flex-direction:column;gap:.3rem;transition:all .2s ease}.delegated-item:hover{border-color:#64748b59;background:linear-gradient(135deg,#64748b26,#47556914)}.delegated-item.building{background:linear-gradient(135deg,#f59e0b1f,#fbbf240f);border-color:#f59e0b4d}.delegated-item.building:hover{border-color:#f59e0b73;background:linear-gradient(135deg,#f59e0b2e,#fbbf241a)}.delegated-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.delegated-drone{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted)}.delegated-arrow{color:var(--accent-cyan);font-weight:600}.delegated-drone-icon{font-size:.8rem}.delegated-cores{color:var(--text-dim);font-weight:400}.delegated-status{font-size:.55rem;padding:.15rem .45rem;border-radius:100px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.delegated-status.queued{background:#64748b40;color:#94a3b8}.delegated-status.building{background:#f59e0b40;color:var(--accent-amber);animation:buildPulse 2s ease-in-out infinite}@keyframes buildPulse{0%,to{opacity:.85}50%{opacity:1;box-shadow:0 0 8px #f59e0b4d}}.delegated-package{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#e2e8f0;word-break:break-all;line-height:1.2}.delegated-item.building .delegated-package{color:#fbbf24}.delegated-package-category{color:var(--text-muted);font-size:.7rem}.empty-state.small{padding:1.5rem}.empty-state.small .empty-state-icon{font-size:1.5rem}.panel-badge.building{background:#f59e0b33;color:var(--accent-amber)}.log-panel{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 400px)}.log-panel .panel-content{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden}.log-controls{display:flex;align-items:center;gap:.5rem}.log-btn{padding:.2rem .45rem;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.65rem;transition:all .2s}.log-btn:hover{background:#8b5cf633;border-color:var(--accent-violet)}.activity-log{flex:1;overflow-y:auto;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;min-height:0}.log-entry{display:flex;gap:.75rem;padding:.25rem 0;border-bottom:1px solid rgba(100,116,139,.1)}.log-time{color:#64748b;min-width:55px;flex-shrink:0}.log-msg{color:var(--text-muted);word-break:break-word}.log-msg.success{color:var(--accent-emerald)}.log-msg.warning{color:var(--accent-amber)}.log-msg.error{color:var(--accent-red)}.log-msg.info{color:var(--accent-cyan)}.timestamp{text-align:center;color:#64748b;font-size:.8rem;margin-top:1rem}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;text-align:center}.session-grid{grid-template-columns:repeat(2,1fr)}.activity-log{min-height:300px}.orch-storage{gap:.35rem}.orch-storage-item{padding:.4rem .3rem}.orch-storage-label{font-size:.5rem}.orch-storage-value{font-size:.75rem}.delegated-panel .panel-content{max-height:200px}.delegated-item{padding:.5rem .65rem}.delegated-drone{font-size:.65rem}.delegated-package{font-size:.7rem}.delegated-status{font-size:.5rem;padding:.12rem .35rem}.delegated-arrow{font-size:.7rem}}.event-packet{--event-color: var(--accent-emerald)}.event-sync{--event-color: var(--accent-purple)}.event-ping{--event-color: var(--accent-cyan)}.event-register{--event-color: var(--accent-amber)}.event-delegate{--event-color: #f97316}.event-complete{--event-color: #22c55e}.event-redelegate{--event-color: var(--accent-pink)}.event-blocked{--event-color: var(--accent-red)}.event-unblock{--event-color: #84cc16}.event-legend{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#0006,#11182780);border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-subtle);box-shadow:inset 0 1px 1px #ffffff0d}.event-legend-title{width:100%;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.event-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#d1d5db;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.event-legend-item:hover{background:#ffffff0d;color:#f9fafb}.event-legend-shape{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 3px var(--event-color))}.event-legend-shape.circle{border-radius:50%;background:var(--event-color);box-shadow:0 0 8px var(--event-color)}.event-legend-shape.circle-small{width:10px;height:10px;border-radius:50%;background:var(--event-color);box-shadow:0 0 6px var(--event-color)}.event-legend-shape.diamond{transform:rotate(45deg);background:var(--event-color);width:12px;height:12px;box-shadow:0 0 8px var(--event-color)}.event-legend-shape.square{background:var(--event-color);border-radius:2px;box-shadow:0 0 8px var(--event-color)}.event-legend-shape.triangle{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--event-color);background:transparent;filter:drop-shadow(0 0 4px var(--event-color))}.event-legend-shape.star{background:transparent}.event-legend-shape.star:before{content:"★";color:var(--event-color);font-size:18px;filter:drop-shadow(0 0 4px var(--event-color))}.event-legend-shape.hexagon{background:var(--event-color);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 8px var(--event-color)}.event-legend-shape.pentagon{background:var(--event-color);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);box-shadow:0 0 8px var(--event-color)}.event-legend-shape.cross{background:transparent;position:relative}.event-legend-shape.cross:before,.event-legend-shape.cross:after{content:"";position:absolute;background:var(--event-color);box-shadow:0 0 6px var(--event-color)}.event-legend-shape.cross:before{width:4px;height:14px;top:1px;left:6px}.event-legend-shape.cross:after{width:14px;height:4px;top:6px;left:1px}.event-legend-shape.ring{border:3px solid var(--event-color);border-radius:50%;background:transparent;box-shadow:0 0 8px var(--event-color),inset 0 0 8px var(--event-color)}.event-legend-shape.arrow-right{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:12px solid var(--event-color);background:transparent;filter:drop-shadow(0 0 4px var(--event-color))}.event-legend-shape.arrow-left{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:12px solid var(--event-color);background:transparent;filter:drop-shadow(0 0 4px var(--event-color))}.event-legend-shape.arrow-up{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--event-color);background:transparent;filter:drop-shadow(0 0 4px var(--event-color))}.event-legend-shape.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid var(--event-color);background:transparent;filter:drop-shadow(0 0 4px var(--event-color))}.log-entry.event-entry{animation:logSlideIn .3s ease-out}@keyframes logSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-msg.event-packet{color:var(--accent-emerald)}.log-msg.event-sync{color:var(--accent-purple)}.log-msg.event-ping{color:var(--accent-cyan)}.log-msg.event-register{color:var(--accent-amber)}.log-msg.event-delegate{color:#f97316}.log-msg.event-complete{color:#22c55e}.log-msg.event-redelegate{color:var(--accent-pink)}.log-msg.event-blocked{color:var(--accent-red)}.log-msg.event-unblock{color:#84cc16}.drone-card{position:relative;overflow:visible}.drone-card .pulse-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:10px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.6;box-shadow:0 0 0 0 var(--pulse-color)}to{transform:translate(-50%,-50%) scale(1.15);opacity:0;box-shadow:0 0 30px 10px var(--pulse-color)}}.drone-card.pulse-active .pulse-ring{animation:pulseRing .8s ease-out}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.particle{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.5px)}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5)}}.particle.flying{animation:particleFly var(--duration) ease-out forwards}.event-counter{position:fixed;bottom:20px;right:20px;display:flex;gap:.5rem;flex-wrap:wrap;max-width:300px;z-index:100}.event-counter-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.7rem;font-weight:600;border:1px solid var(--event-color);color:var(--event-color);transition:transform .2s ease}.event-counter-item.bump{animation:counterBump .3s ease}@keyframes counterBump{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.filter-hint{font-weight:400;font-size:.65rem;color:#64748b;font-style:italic}.filter-reset-btn{background:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#60a5fa;padding:.15rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;cursor:pointer;margin-left:auto;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.filter-reset-btn:hover{background:#60a5fa4d;color:#93c5fd}.event-legend-item.filter-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;border:1px solid transparent;border-radius:6px}.event-legend-item.filter-toggle:hover{background:#ffffff14;border-color:#ffffff1a}.event-legend-item.filter-toggle:not(.active){opacity:.3;filter:grayscale(.8)}.event-legend-item.filter-toggle:not(.active):hover{opacity:.5}.event-counter-item.filter-dimmed{opacity:.25;filter:grayscale(.8)}.enhanced-log{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.72rem;position:relative}.enhanced-log .log-entry{display:grid;grid-template-columns:80px 70px 120px 1fr;gap:.5rem;align-items:baseline;padding:.2rem .4rem;border-bottom:1px solid rgba(100,116,139,.08);transition:background .15s;cursor:pointer}.enhanced-log .log-entry:hover{background:#8b5cf614}.enhanced-log .log-entry.selected{background:#8b5cf626;border-left:2px solid var(--accent-violet)}.log-type-badge{font-size:.58rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;background:#64748b33;color:#94a3b8}.log-type-badge.type-delegate{background:#f9731633;color:#f97316}.log-type-badge.type-complete{background:#22c55e33;color:#22c55e}.log-type-badge.type-request{background:#22d3ee33;color:#22d3ee}.log-type-badge.type-sync{background:#a855f733;color:#a855f7}.log-type-badge.type-binpkg{background:#3b82f633;color:#3b82f6}.log-type-badge.type-ping{background:#06b6d433;color:#06b6d4}.log-type-badge.type-register{background:#f59e0b33;color:#f59e0b}.log-type-badge.type-blocked{background:#ef444433;color:#ef4444}.log-type-badge.type-unblock{background:#84cc1633;color:#84cc16}.log-type-badge.type-redelegate{background:#ec489933;color:#ec4899}.log-type-badge.type-ground{background:#fbbf2433;color:#fbbf24}.log-type-badge.type-unground{background:#4ade8033;color:#4ade80}.log-route{color:#64748b;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-route .route-arrow{color:var(--accent-cyan);font-weight:600}.event-rate-display{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--accent-cyan);padding:.2rem .5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:4px}.log-btn-active{background:#22c55e33!important;border-color:#22c55e!important;color:#22c55e!important}.log-search-bar{padding:.4rem .75rem;border-bottom:1px solid rgba(148,163,184,.1);background:#0003}.log-search-input{width:100%;background:#0000004d;border:1px solid rgba(100,116,139,.2);border-radius:4px;padding:.3rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-primary);outline:none;transition:border-color .2s}.log-search-input:focus{border-color:var(--accent-violet)}.log-search-input::-moz-placeholder{color:#4b5563}.log-search-input::placeholder{color:#4b5563}.log-tabs{display:flex;gap:0;padding:0 .75rem;border-bottom:1px solid rgba(148,163,184,.1);background:#00000026}.log-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;padding:.35rem .75rem;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.03em;transition:all .2s}.log-tab:hover{color:#94a3b8;background:#ffffff08}.log-tab.active[data-log-tab=pipeline]{color:#60a5fa;border-bottom-color:#60a5fa;background:#60a5fa0f}.log-tab.active[data-log-tab=build]{color:#34d399;border-bottom-color:#34d399;background:#34d3990f}.log-tab.active[data-log-tab=telemetry]{color:#a78bfa;border-bottom-color:#a78bfa;background:#a78bfa0f}.scanline-overlay{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:2}.log-panel .panel-content{position:relative}.packet-inspector-panel{grid-column:1 / -1}.inspector-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.2rem .6rem;border-radius:4px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s}.inspector-tab:hover{background:#ffffff1a;color:#e2e8f0}.inspector-tab.active{background:#8b5cf640;border-color:#8b5cf666;color:var(--accent-violet)}.inspector-content{padding:1rem;max-height:400px;overflow-y:auto}.inspector-view{display:none;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6}.inspector-view.active{display:block}.pkt-header{background:#0006;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:1rem 1.25rem;white-space:pre;color:#e2e8f0}.pkt-header .pkt-border{color:#4b5563}.pkt-header .pkt-label{color:#64748b;display:inline-block;min-width:110px}.pkt-header .pkt-value{color:var(--accent-cyan)}.pkt-header .pkt-value.type-val{color:#f97316;font-weight:700}.pkt-header .pkt-title{color:var(--accent-violet);font-weight:700}.hex-dump{background:#00000080;border:1px solid rgba(100,116,139,.2);border-radius:8px;padding:1rem;overflow-x:auto;white-space:pre;color:#94a3b8}.hex-dump .hex-offset{color:#4b5563}.hex-dump .hex-byte{color:#06b6d4}.hex-dump .hex-byte.highlight-key{color:#22d3ee;font-weight:600}.hex-dump .hex-byte.highlight-val{color:#10b981}.hex-dump .hex-ascii{color:#6b7280}.hex-dump .hex-ascii .printable{color:#94a3b8}.json-view{background:#00000080;border:1px solid rgba(100,116,139,.2);border-radius:8px;padding:1rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.json-view .json-key{color:#22d3ee}.json-view .json-string{color:#10b981}.json-view .json-number{color:#f59e0b}.json-view .json-bool{color:#f97316}.json-view .json-null{color:#ef4444}.json-view .json-bracket{color:#94a3b8}.timeline-panel{margin-bottom:1.25rem}.timeline-content{padding:.5rem;overflow-x:auto}.timeline-content.collapsed{display:none}.timeline-legend{display:flex;align-items:center;gap:1rem;padding:.4rem .75rem;font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--text-muted)}.timeline-legend-item{display:flex;align-items:center;gap:.35rem}.timeline-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.timeline-legend-info{margin-left:auto;color:var(--text-muted);opacity:.6;font-size:.65rem}#timelineCanvas{width:100%;height:350px;border-radius:8px;background:#0000004d;border:1px solid var(--border-subtle)}.queue-panel-main{margin-bottom:1.25rem}.queue-content-main{padding:.75rem}.queue-content-main.collapsed{display:none}.queue-tabs{display:flex;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}.queue-tab{background:#ffffff0d;border:none;border-bottom:2px solid transparent;color:#94a3b8;padding:.4rem .8rem;cursor:pointer;font-size:.75rem;transition:all .2s;border-radius:4px 4px 0 0}.queue-tab:hover{color:#e2e8f0;background:#ffffff14}.queue-tab.active{color:#60a5fa;border-bottom-color:#60a5fa;background:#60a5fa1a}.queue-tab span{font-weight:700;margin-left:.3rem}.queue-tab-content{display:none;max-height:250px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.72rem}.queue-tab-content.active{display:block}.queue-pkg-item{padding:.35rem .5rem;border-bottom:1px solid rgba(100,116,139,.08);color:#d1d5db;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.queue-pkg-item:hover{background:#ffffff08}.queue-pkg-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-pkg-meta{color:#64748b;font-size:.6rem;margin-left:.5rem;flex-shrink:0}.queue-pkg-item.failed{border-left:2px solid #ef4444;color:#fca5a5}.queue-pkg-item.failed .queue-pkg-meta{color:#ef4444}.bandwidth-label{font-family:JetBrains Mono,monospace;font-size:8px;pointer-events:none}