.app-shell{grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.pixel-only-shell{background:#020617;min-height:100vh;display:block}.glass-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff14,#0000 28%),linear-gradient(150deg,#080d20e0,#0b0f26b8);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000061,inset 0 1px #ffffff1f,0 0 42px #22d3ee14}.glass-panel:before{content:"";pointer-events:none;opacity:.58;background:linear-gradient(90deg,#22d3ee2e,#0000 22% 78%,#e879f929),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 7px);position:absolute;inset:0}.sidebar{border-radius:0;flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand-mark{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.brand-mark h1,.hero-panel h1,.section-heading h2,.inspector h2{color:#fff;margin:0}.sun-pixel{color:#07111f;width:52px;height:52px;image-rendering:pixelated;background:linear-gradient(135deg,#67e8f9 0 48%,#e879f9 48% 100%);border:2px solid #ffffffb3;place-items:center;font:900 .9rem Courier New,monospace;display:grid;box-shadow:0 0 28px #22d3ee8c,0 0 44px #e879f947}.eyebrow{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:.73rem;font-weight:900}.sidebar nav{z-index:1;gap:10px;display:grid;position:relative}.sidebar nav a,.hero-actions a{color:#f8fafc;background:#071022c7;border:1px solid #67e8f938;padding:12px 14px;text-decoration:none;box-shadow:inset 4px 0 #67e8f98a}.sidebar nav a:hover,.hero-actions a:hover{border-color:#e879f99e;box-shadow:inset 4px 0 #e879f9c7,0 0 24px #e879f92e}.sidebar-note{z-index:1;color:var(--muted);gap:6px;margin-top:auto;font-size:.95rem;display:grid;position:relative}.sidebar-note strong{color:#fff;text-shadow:0 0 24px #67e8f9a6;font-size:2.6rem;line-height:1}.sidebar-note span{color:#cbd5e1}.main-stage{gap:22px;padding:28px;display:grid}.pixel-main-stage{gap:0;padding:0}.hero-panel{justify-content:space-between;align-items:center;gap:24px;min-height:250px;padding:30px;display:flex}.hero-panel:after{content:"";opacity:.85;pointer-events:none;background:linear-gradient(30deg,#0000 0 42%,#22d3ee42 42% 45%,#0000 45% 100%),linear-gradient(150deg,#0000 0 42%,#e879f938 42% 45%,#0000 45% 100%),repeating-linear-gradient(90deg,#67e8f92e 0 2px,#0000 2px 34px);width:min(36vw,460px);height:150px;position:absolute;bottom:22px;right:28px}.hero-panel>*,.section-heading,.stat-card>*,.inspector>*,.console-panel>*,.table-panel>*,.registry-panel>*{z-index:1;position:relative}.hero-panel h1{text-shadow:0 0 34px #67e8f957,0 0 44px #e879f93d;font-size:clamp(2.2rem,5vw,5rem);line-height:.92}.hero-copy{color:#dbeafe;max-width:760px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.hero-actions a:first-child{color:#06111e;background:linear-gradient(135deg,#22d3eeeb,#a855f7d1);font-weight:900}.loading-state,.error-state{color:#e2e8f0;padding:24px}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{min-height:132px;padding:20px}.stat-card p,.stat-card span{color:#cbd5e1;margin:0}.stat-card strong{color:#fff;text-shadow:0 0 24px #22d3ee85;margin:10px 0 5px;font-family:Courier New,monospace;font-size:2.25rem;display:block}.workspace-grid,.lower-grid{align-items:start;gap:22px;display:grid}.workspace-grid{grid-template-columns:minmax(0,1fr)}.lower-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.office-card,.inspector,.console-panel,.table-panel,.registry-panel{padding:22px}.pixel-hero-card{background:#020617;padding:0}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-heading h2{font-size:1.38rem;line-height:1.15}.mock-pill{color:#f0f9ff;text-transform:uppercase;background:#c084fc2e;border:1px solid #e879f96b;padding:7px 10px;font-size:.76rem;font-weight:900}.office-grid{background:radial-gradient(circle at 50% 45%,#22d3ee33,#0000 28%),linear-gradient(150deg,#050817eb,#120929d1);border:1px solid #67e8f938;min-height:620px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000000a6}.generated-hero-grid{aspect-ratio:1672/941;min-height:auto;box-shadow:none;background:#020617;border:0;border-radius:0}.generated-office-hero,.office-isometric{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.generated-office-hero{object-fit:cover;object-position:center}.zone-label{text-transform:uppercase;opacity:.86;font:900 22px Courier New,monospace}.route-lines{stroke-dasharray:16 14;animation:4s linear infinite route-pulse}.console-blocks rect,.hud-screens path{shape-rendering:crispedges}.scene-vignette{pointer-events:none;background:linear-gradient(90deg,#050817e6,#0000 18% 82%,#050817d1),linear-gradient(#050817b3,#0000 14% 82%,#050817d1);position:absolute;inset:0}.agent-hotspot{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:122px;height:116px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.generated-hero-grid .agent-hotspot{border-radius:999px;width:76px;height:58px}.generated-hero-grid .agent-hotspot:before{content:"";background:var(--agent-accent);box-shadow:0 0 18px var(--agent-accent), 0 0 34px #22d3ee2e;opacity:0;border-radius:999px;transition:all .16s;position:absolute;inset:20px 28px}.generated-hero-grid .agent-hotspot:hover:before,.generated-hero-grid .agent-hotspot:focus-visible:before{opacity:.72}.generated-hero-grid .desk-pixel,.generated-hero-grid .sprite,.generated-hero-grid .agent-zone,.generated-hero-grid .status-dot,.generated-hero-grid .scene-vignette{display:none}.agent-hotspot:hover,.agent-hotspot:focus-visible,.agent-hotspot.selected{outline:none}.agent-hotspot:hover .sprite,.agent-hotspot:focus-visible .sprite,.agent-hotspot.selected .sprite{filter:drop-shadow(0 0 16px var(--agent-accent));transform:translateY(-9px)scale(1.06)}.agent-hotspot:focus-visible .desk-pixel{box-shadow:0 0 0 3px #fff, 0 0 26px var(--agent-accent)}.agent-zone{color:var(--agent-accent);text-transform:uppercase;white-space:nowrap;text-shadow:0 0 16px var(--agent-accent);font:900 .62rem Courier New,monospace;position:absolute;top:-16px}.desk-pixel{background:linear-gradient(#101836eb,#030712f0);border:2px solid #67e8f952;width:104px;height:44px;position:absolute;bottom:28px;transform:skew(-28deg);box-shadow:inset 0 -8px #00000047,0 14px 28px #00000057}.desk-pixel span{background:var(--agent-accent);opacity:.18;position:absolute;inset:8px 16px}.sprite{color:var(--agent-accent);white-space:pre;text-shadow:2px 2px 0 #000000a6, 0 0 12px var(--agent-accent);font:900 15px/12px Courier New,monospace;transition:all .18s;display:grid;position:relative}.sprite span{display:block}.status-dot{background:var(--soft);border:1px solid #fff;width:13px;height:13px;position:absolute;top:20px;right:16px;box-shadow:0 0 16px}.status-thinking{color:#c084fc;background:#c084fc}.status-idle{color:#94a3b8;background:#94a3b8}.status-running{color:#67e8f9;background:#22d3ee}.status-blocked{color:#fb7185;background:#fb7185}.status-done{color:#34d399;background:#34d399}.hotspot-label{color:#f8fafc;white-space:nowrap;background:#050817bd;border:1px solid #ffffff1f;padding:4px 7px;font-size:.72rem;position:absolute;bottom:4px}.generated-hero-grid .hotspot-label{opacity:0;transition:all .16s;bottom:-10px;transform:translateY(4px)}.generated-hero-grid .agent-hotspot:hover .hotspot-label,.generated-hero-grid .agent-hotspot:focus-visible .hotspot-label{opacity:1;transform:translateY(0)}.role-text{color:#f0abfc;font-weight:900}.description-text{color:#e2e8f0;line-height:1.65}.agent-facts{gap:12px;display:grid}.agent-facts div{background:#0710229e;border:1px solid #67e8f924;padding:12px}.agent-facts dt{color:#67e8f9;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900}.agent-facts dd{color:#fff;margin:4px 0 0}.chip-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tool-chip,.tool-meta span,.table-status{color:#e0f2fe;background:#0ea5e924;border:1px solid #67e8f929;padding:7px 10px;font-size:.8rem}.console-panel form{gap:14px;display:grid}label{color:#e2e8f0;gap:7px;font-weight:900;display:grid}input,textarea,select{color:#fff;background:#020617a8;border:1px solid #67e8f933;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:#e879f9d9;box-shadow:0 0 0 4px #e879f929}.tool-picker{flex-wrap:wrap;gap:8px;display:flex}.tool-toggle{color:#e2e8f0;cursor:pointer;background:#071022b8;border:1px solid #67e8f933;padding:10px 12px}.tool-toggle.active{background:#22d3ee2e;border-color:#e879f994;box-shadow:inset 0 -4px #e879f93d}.tool-toggle small{color:#cbd5e1;display:block}.primary-button{color:#04111e;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#e879f9);border:0;padding:13px 16px;font-weight:900;box-shadow:0 0 28px #22d3ee42}.primary-button:disabled{cursor:wait;opacity:.68}.success-toast,.error-toast{border:1px solid #ffffff1f;padding:12px}.success-toast{color:#bbf7d0;background:#16a34a29}.error-toast{color:#fecdd3;background:#e11d482e}table{border-collapse:collapse;color:#e2e8f0;width:100%}th,td{text-align:left;border-bottom:1px solid #67e8f921;padding:13px 10px}th{color:#67e8f9;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card{background:#0710229e;border:1px solid #67e8f929;gap:14px;min-height:186px;padding:16px;display:grid;box-shadow:inset 0 0 36px #22d3ee0a}.tool-card h3{color:#fff;margin:0}.tool-card p{color:#cbd5e1;line-height:1.55}.tool-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-meta strong{color:#bbf7d0}@keyframes route-pulse{to{stroke-dashoffset:-90px}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.workspace-grid,.lower-grid,.stats-row,.tool-grid{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}.hero-actions{justify-content:flex-start}}@media (width<=720px){.main-stage,.sidebar{padding:16px}.office-grid{min-height:520px}.agent-hotspot{width:104px;height:106px}.hotspot-label,.agent-zone{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pixel-loading-state,.pixel-error-state{color:#dffcff;letter-spacing:.08em;background:#030816;place-items:center;min-height:100vh;margin:0;font:900 1rem Courier New,monospace;display:grid}.pixel-office-stage{color:#dffcff;background:radial-gradient(circle at 18% 12%,#23f6ff2e,#0000 26%),radial-gradient(circle at 78% 4%,#fb4dff2e,#0000 28%),#030816;grid-template-columns:minmax(0,1fr) 390px;gap:0;min-height:100vh;font-family:Courier New,ui-monospace,monospace;display:grid}.pixel-scene{width:100%;min-height:100vh;image-rendering:pixelated;background:#030816;border-right:4px solid #101a4a;align-self:stretch;position:relative;overflow:hidden}.pixel-scene-bg{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.pixel-agent-layer,.pixel-ambient{position:absolute;inset:0}.pixel-agent-layer{z-index:3}.pixel-ambient{pointer-events:none;mix-blend-mode:screen}.pixel-ambient-a:before,.pixel-ambient-b:before{content:"";width:8px;height:8px;image-rendering:pixelated;animation:1.4s steps(2,end) infinite pixelBlink;position:absolute}.pixel-ambient-a:before{background:#23f6ff;top:78%;left:16%;box-shadow:190px -440px #fb4dff,680px -260px #6dff9b,920px -110px #facc15}.pixel-ambient-b:before{background:#fb4dff;animation-delay:.42s;top:20%;right:12%;box-shadow:-360px 180px #23f6ff,-720px 330px #6dff9b}.pixel-agent{z-index:5;width:var(--pixel-frame-width);height:var(--pixel-frame-height);cursor:grab;touch-action:none;image-rendering:pixelated;filter:drop-shadow(0 12px #0000005c);background:0 0;border:0;padding:0;position:absolute;translate:-50% -88%}.pixel-agent:active,.pixel-agent.is-dragging{cursor:grabbing;z-index:20}.pixel-agent-sprite{width:var(--pixel-frame-width);height:var(--pixel-frame-height);image-rendering:pixelated;transform-origin:bottom;background-repeat:no-repeat;animation:1.2s steps(2,end) infinite pixelAgentFloat;position:absolute;inset:0}.pixel-agent.is-dragging .pixel-agent-sprite{filter:drop-shadow(0 0 10px var(--pixel-agent-accent));transform:translateY(-14px)scale(1.06)}.pixel-agent.is-selected .pixel-agent-sprite{filter:drop-shadow(0 0 8px var(--pixel-agent-accent)) drop-shadow(0 0 16px var(--pixel-agent-accent))}.pixel-agent-shadow{background:#0000007a;border-radius:50%;width:52px;height:16px;position:absolute;bottom:11px;left:22px;transform:skew(-20deg)}.pixel-agent-nameplate{color:#eaffff;border:2px solid var(--pixel-agent-accent);opacity:0;background:#050816;min-width:104px;padding:4px 6px;font-size:.66rem;font-weight:900;line-height:1;transition:opacity .12s steps(2,end),transform .12s steps(2,end);position:absolute;bottom:-16px;left:50%;translate:-50%;box-shadow:4px 4px #000}.pixel-agent:hover .pixel-agent-nameplate,.pixel-agent:focus-visible .pixel-agent-nameplate,.pixel-agent.is-selected .pixel-agent-nameplate,.pixel-agent.is-dragging .pixel-agent-nameplate{opacity:1;transform:translateY(-4px)}.pixel-agent-status{background:#6dff9b;width:8px;height:8px;position:absolute;top:16px;right:18px;box-shadow:0 0 0 2px #050816,0 0 12px}.pixel-agent-status-thinking,.pixel-agent-status-running{background:#facc15}.pixel-agent-status-blocked{background:#fb4dff}.pixel-hud{background:linear-gradient(#071027f5,#040816fa),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 6px);border-left:4px solid #23f6ff;align-content:start;gap:14px;padding:16px;display:grid}.pixel-panel{background:#071027;border:3px solid #263b8f;padding:14px;position:relative;box-shadow:6px 6px #01030b,inset 0 0 0 2px #ffffff0a}.pixel-panel:after{content:"";pointer-events:none;border:1px solid #23f6ff38;position:absolute;inset:4px}.pixel-panel-selected{border-color:#23f6ff}.pixel-panel-dispatch{border-color:#fb4dff}.pixel-panel-queue{border-color:#6dff9b}.pixel-panel-tools{border-color:#facc15}.pixel-kicker{color:#23f6ff;letter-spacing:.16em;margin:0 0 8px;font-size:.7rem;font-weight:900}.pixel-panel h2,.pixel-panel h3,.pixel-panel p{margin-top:0}.pixel-panel h2{color:#fff;text-shadow:3px 3px #000;margin-bottom:6px;font-size:1.22rem}.pixel-facts{gap:7px;margin:12px 0 0;display:grid}.pixel-facts div{grid-template-columns:72px 1fr;gap:8px;display:grid}.pixel-facts dt{color:#94a3b8}.pixel-facts dd{color:#e2e8f0;margin:0}.pixel-panel label{color:#dffcff;gap:5px;margin-bottom:9px;font-size:.76rem;font-weight:900;display:grid}.pixel-panel input,.pixel-panel textarea,.pixel-panel select{box-sizing:border-box;color:#eaffff;background:#020617;border:2px solid #263b8f;border-radius:0;width:100%;padding:8px;font:800 .82rem Courier New,monospace}.pixel-tool-toggles,.pixel-tool-list{flex-wrap:wrap;gap:7px;display:flex}.pixel-tool-toggles button,.pixel-tool-list span,.pixel-dispatch-button{color:#eaffff;background:#0b1538;border:2px solid #263b8f;padding:7px 8px;font:900 .7rem Courier New,monospace;box-shadow:3px 3px #01030b}.pixel-tool-toggles small,.pixel-tool-list small{color:#94a3b8;font-size:.58rem;display:block}.pixel-dispatch-button{cursor:pointer;width:100%;margin-top:10px}.pixel-dispatch-message{color:#6dff9b;margin:9px 0 0;font-weight:900}.pixel-task-list{gap:8px;display:grid}.pixel-task-list article{background:#020617;border:2px solid #1d2d6b;padding:8px}.pixel-task-list strong,.pixel-task-list span{display:block}.pixel-task-list span{color:#94a3b8;font-size:.72rem}.pixel-progress{background:linear-gradient(90deg,#23f6ff 0 68%,#172554 68% 100%);height:7px;margin-top:6px;animation:1.6s steps(4,end) infinite pixelProgress}.pixel-progress-done{background:#6dff9b;animation:none}@keyframes pixelBlink{50%{opacity:.25}}@keyframes pixelAgentFloat{50%{translate:0 -2px}}@keyframes pixelProgress{50%{filter:brightness(1.8)}}@media (width<=1120px){.pixel-office-stage{grid-template-columns:1fr}.pixel-hud{border-top:4px solid #23f6ff;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.pixel-hud{grid-template-columns:1fr}}.pixel-office-stage{grid-template-columns:minmax(0,1fr) 380px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pixel-scene{border-right:1px solid #94a3b82e;box-shadow:inset 0 0 80px #0f172a47}.pixel-hud{background:radial-gradient(circle at 100% 0,#3b82f629,#0000 34%),linear-gradient(#080d1cfa,#020617fa);border-left:1px solid #94a3b829;gap:14px;padding:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pixel-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b82e;border-radius:16px;padding:16px;box-shadow:0 18px 50px #00000047,inset 0 1px #ffffff0f}.pixel-panel:after{display:none}.pixel-panel-selected,.pixel-panel-dispatch,.pixel-panel-queue,.pixel-panel-tools{border-color:#94a3b82e}.pixel-kicker{color:#93c5fd;letter-spacing:.08em;font-size:.72rem;font-weight:800}.pixel-panel h2{color:#f8fafc;text-shadow:none;letter-spacing:-.02em;font-size:1.18rem}.pixel-panel p,.pixel-facts dd,.pixel-task-list strong{color:#e2e8f0}.pixel-facts dt,.pixel-task-list span,.pixel-tool-toggles small,.pixel-tool-list small{color:#94a3b8}.pixel-panel label{color:#cbd5e1;font-size:.82rem;font-weight:650}.pixel-panel input,.pixel-panel textarea,.pixel-panel select{color:#f8fafc;background:#020617bd;border:1px solid #94a3b83d;border-radius:10px;outline:none;padding:10px 12px;font:500 .9rem Inter,ui-sans-serif,system-ui,sans-serif}.pixel-panel input:focus,.pixel-panel textarea:focus,.pixel-panel select:focus{border-color:#60a5fabd;box-shadow:0 0 0 3px #2563eb2e}.pixel-tool-toggles button,.pixel-tool-list span,.pixel-dispatch-button{color:#e2e8f0;box-shadow:none;background:#1e293bd1;border:1px solid #94a3b833;border-radius:999px;padding:8px 11px;font:700 .76rem Inter,ui-sans-serif,system-ui,sans-serif}.pixel-tool-toggles button.is-active,.pixel-dispatch-button{color:#06111e;background:linear-gradient(135deg,#7dd3fc,#a78bfa);border-color:#0000}.pixel-dispatch-button{border-radius:12px;padding:11px 14px;font-size:.9rem}.pixel-task-list article{background:#02061773;border:1px solid #94a3b829;border-radius:12px}.pixel-progress{background:linear-gradient(90deg,#38bdf8 0 68%,#334155cc 68% 100%);border-radius:999px;height:6px}.pixel-scene{aspect-ratio:16/9;height:min(100vh,56.25vw - 213.75px);min-height:auto;position:sticky;top:0}.pixel-scene-bg{object-fit:cover}.office-room-label{z-index:4;color:#f8fafc;letter-spacing:.01em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad1;border:1px solid #94a3b83d;border-radius:999px;padding:7px 12px;font:800 .84rem Inter,ui-sans-serif,system-ui,sans-serif;position:absolute;box-shadow:0 8px 22px #00000047}.room-label-leadership{top:4.2%;left:3.6%}.room-label-data{top:4.2%;left:51.8%}.room-label-growth{top:52.1%;left:3.6%}.room-label-creative{top:52.1%;left:51.8%}@media (width<=1120px){.pixel-scene{aspect-ratio:16/9;height:auto;min-height:auto;position:relative}}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#121830ad;--panel-strong:#18203edb;--line:#c7d2fe2e;--muted:#cbd5e1;--soft:#94a3b8;--accent:#a78bfa;--cyan:#22d3ee;--green:#34d399;--danger:#fb7185;background:#070816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 15%,#7c3aed73,#0000 28rem),radial-gradient(circle at 78% 8%,#22d3ee3d,#0000 26rem),radial-gradient(circle at 60% 80%,#ec48992e,#0000 30rem),linear-gradient(135deg,#060714 0%,#101331 52%,#080a19 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}