.studioWorkspace{background:0 0;height:calc(100dvh - 76px);min-height:680px;padding:10px 12px 12px;overflow:hidden}.studioShell{--studio-border:var(--glass-border);--studio-border-soft:var(--glass-border-soft);--studio-panel:var(--glass-panel);--studio-card:var(--glass-card);--studio-card-hover:var(--glass-card-hover);width:100%;height:100%;min-height:0;color:var(--text-primary);background:0 0;grid-template-columns:clamp(132px,9vw,148px) minmax(0,1fr) clamp(228px,15vw,248px);gap:8px;display:grid}.studioExplorer,.studioInspector{background:0 0;min-width:0;min-height:0}.studioExplorer{flex-direction:column;gap:10px;display:flex}.studioExplorerHeader{justify-content:space-between;align-items:center;gap:10px;min-height:47px;padding:4px 6px 2px;display:flex}.studioExplorerHeader span,.miniMapHeader span,.studioInspectorTitle>div>span,.registryHeader span,.taskBoardHeader span,.ideasHeader span,.hqHeader>div>span{color:var(--text-muted);letter-spacing:.12em;font-size:8px;font-weight:780;display:block}.studioExplorerHeader strong{color:var(--text-primary);letter-spacing:-.01em;margin-top:3px;font-size:11px;display:block}.studioExplorerHeader button,.studioExplorerToggle{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);background:var(--glass-card);box-shadow:var(--shadow-card);border-radius:12px;place-items:center;display:none}.studioTree{flex:1;align-content:start;gap:9px;min-height:0;padding:0;display:grid;overflow-y:auto}.studioSidebarGroup{border:1px solid var(--glass-border);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--glass-panel) 94%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 65%, transparent);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(150%);padding:8px 6px 7px}.studioTreeRoot,.studioTreeFile,.studioTreeSystem{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;align-items:center;gap:7px;display:flex}.studioTreeRoot{height:28px;color:var(--text-muted);padding:0 7px;font-size:9px;font-weight:760}.treeOpen{transform:rotate(90deg)}.studioTreeSystem,.studioTreeFile{cursor:pointer;border-radius:12px;min-height:34px;padding:0 9px;font-size:10px;transition:transform .18s,color .18s,background .18s}.studioTreeSystem:hover,.studioTreeFile:hover{color:var(--text-primary);background:color-mix(in srgb, var(--glass-card) 58%, transparent);transform:translateY(-1px)}.studioTreeSystem.active,.studioTreeFile.active{color:var(--text-primary);background:color-mix(in srgb, var(--accent-green) 8%, var(--glass-card));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 65%, transparent)}.studioTreeSystem small{color:var(--text-muted);margin-left:auto}.treeStatusDot{border-radius:999px;width:6px;height:6px;box-shadow:0 0 8px}.studioExplorerSafety{border:1px solid color-mix(in srgb, var(--accent-green) 22%, var(--glass-border));border-radius:var(--radius-card);color:var(--accent-green);background:color-mix(in srgb, var(--accent-green) 6%, var(--glass-panel));box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--blur-card));backdrop-filter:blur(var(--blur-card));align-items:center;gap:9px;padding:11px 12px;display:flex}.studioExplorerSafety strong,.studioExplorerSafety span{display:block}.studioExplorerSafety strong{color:var(--text-primary);font-size:9px}.studioExplorerSafety span{color:var(--text-secondary);margin-top:2px;font-size:7px;line-height:1.35}.studioMain{border:1px solid var(--glass-border);border-radius:var(--radius-shell);background:linear-gradient(145deg, color-mix(in srgb, var(--glass-shell) 96%, transparent), color-mix(in srgb, var(--glass-panel) 88%, transparent));min-width:0;min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 65%, transparent);-webkit-backdrop-filter:blur(var(--blur-shell)) saturate(155%);grid-template-rows:46px minmax(0,1fr) 92px;display:grid;overflow:hidden}.studioToolbar{background:0 0;grid-template-columns:max-content minmax(280px,430px) max-content;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 2px;display:grid}.studioCommandBar{border:1px solid var(--glass-border);border-radius:var(--radius-control);width:min(430px,100%);height:34px;color:var(--text-secondary);background:color-mix(in srgb, var(--glass-card) 75%, transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--blur-card));backdrop-filter:blur(var(--blur-card));justify-self:end;align-items:center;gap:8px;margin:0;padding:0 11px;display:flex}.studioCommandBar input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:10px}.studioCommandBar input::placeholder{color:var(--text-muted)}.studioCommandBar kbd{color:var(--text-muted);background:color-mix(in srgb, var(--glass-card) 60%, transparent);border:0;border-radius:6px;padding:2px 5px;font-size:8px}.studioToolbarStatus{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.studioToolbarStatus>span{background:#78818b;border-radius:50%;width:7px;height:7px}.studioToolbarStatus>span.isLive{background:var(--accent-green);box-shadow:0 0 10px color-mix(in srgb, var(--accent-green) 66%, transparent)}.studioViewTabs{background:0 0;border-radius:18px;align-items:center;gap:1px;width:max-content;height:34px;min-height:34px;padding:2px;display:flex}.studioViewTabs .glassSegment{border-radius:15px;min-height:30px;padding:0 12px}.studioViewTabs button{height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;padding:0 12px;font-size:9px;font-weight:700;transition:color .18s,background .18s,border-color .18s;position:relative}.studioViewTabs button:hover{color:var(--text-primary);background:color-mix(in srgb, var(--glass-card) 48%, transparent)}.studioViewTabs button.active{color:var(--accent-green);border-color:color-mix(in srgb, var(--accent-green) 18%, var(--glass-border));background:color-mix(in srgb, var(--accent-green) 8%, var(--glass-card))}.studioViewTabs button.active:after{display:none}.studioContent{background:color-mix(in srgb, var(--glass-panel) 36%, transparent);border-radius:22px;min-width:0;min-height:0;margin:0 5px;position:relative;overflow:auto}.agentHQView,.agentRegistryView,.taskBoardView,.ideasView{min-height:100%;padding:14px}.hqHeader,.registryHeader,.taskBoardHeader,.ideasHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.hqHeaderCompact,.taskBoardHeaderCompact{justify-content:flex-end;min-height:28px;margin-bottom:6px}.hqHeader h2,.registryHeader h2,.taskBoardHeader h2,.ideasHeader h2{color:var(--text-primary);letter-spacing:-.035em;margin:4px 0 0;font-size:18px;font-weight:690}.registryHeader>strong,.taskBoardHeader>strong,.ideasHeader>strong{color:var(--text-muted);font-size:9px;font-weight:650}.hqRuntimePills{gap:6px;display:flex}.hqRuntimePills span{border:1px solid var(--glass-border);color:var(--text-secondary);background:color-mix(in srgb, var(--glass-card) 60%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 50%, transparent);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:680;display:flex}.hqRuntimePills i{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--accent-green) 60%, transparent);border-radius:50%}.agentRegistryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.agentRegistryCard{border:1px solid var(--glass-border-soft);border-radius:var(--radius-card);min-width:0;color:var(--text-primary);background:color-mix(in srgb, var(--glass-card) 72%, transparent);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;padding:14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.agentRegistryCard:hover,.agentRegistryCard.selected{border-color:color-mix(in srgb, var(--accent-green) 26%, var(--glass-border));background:var(--glass-card-hover);box-shadow:var(--shadow-panel);transform:translateY(-2px)}.registryCardTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.agentAvatar{--agent-color:var(--accent-green);border:1px solid color-mix(in srgb, var(--agent-color) 30%, var(--glass-border));width:38px;height:38px;color:var(--agent-color);background:color-mix(in srgb, var(--agent-color) 9%, var(--glass-card));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 55%, transparent);border-radius:13px;place-items:center;display:grid}.agentAvatar.small{border-radius:12px;width:36px;height:36px}.agentState{border:1px solid var(--glass-border-soft);color:var(--text-secondary);background:color-mix(in srgb, var(--glass-card) 50%, transparent);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:760}.state-working,.state-live,.state-safe{color:var(--accent-green);border-color:color-mix(in srgb, var(--accent-green) 24%, var(--glass-border));background:color-mix(in srgb, var(--accent-green) 7%, var(--glass-card))}.state-planned{color:var(--accent-orange);border-color:color-mix(in srgb, var(--accent-orange) 24%, var(--glass-border));background:color-mix(in srgb, var(--accent-orange) 7%, var(--glass-card))}.agentRegistryCard>small{letter-spacing:.12em;font-size:7px;font-weight:800}.agentRegistryCard h3{letter-spacing:-.02em;margin:5px 0;font-size:13px}.agentRegistryCard p{height:31px;color:var(--text-secondary);margin:0;font-size:8px;line-height:1.45}.registryTask{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:11px;font-size:8px;display:flex;overflow:hidden}.registryFooter{color:var(--text-muted);justify-content:space-between;margin:11px 0 6px;font-size:7px;display:flex}.registryFooter strong{color:var(--text-primary)}.agentProgress,.taskProgressLine{background:color-mix(in srgb, var(--text-primary) 10%, transparent);border-radius:99px;height:3px;overflow:hidden}.agentProgress span,.taskProgressLine span{border-radius:inherit;height:100%;display:block}.taskBoardView{flex-direction:column;display:flex}.taskBoardColumns{flex:1;grid-template-columns:repeat(4,minmax(190px,1fr));align-items:start;gap:10px;min-height:0;padding:2px;display:grid}.taskLane{border:1px solid var(--glass-border-soft);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--glass-panel) 72%, transparent);min-width:0;box-shadow:var(--shadow-card);overflow:hidden}.taskLane>header{justify-content:space-between;align-items:center;min-height:48px;padding:10px 12px 7px;display:flex}.taskLane>header span,.taskLane>header small{display:block}.taskLane>header span{font-size:9px;font-weight:760}.taskLane>header small{color:var(--text-muted);margin-top:2px;font-size:7px}.taskLane>header strong{background:color-mix(in srgb, var(--glass-card) 65%, transparent);border-radius:8px;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.taskCards{gap:7px;padding:7px;display:grid}.taskCard{border:1px solid var(--glass-border-soft);color:var(--text-primary);background:color-mix(in srgb, var(--glass-card) 78%, transparent);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;border-radius:17px;padding:12px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.taskCard:hover{border-color:color-mix(in srgb, var(--accent-green) 24%, var(--glass-border));background:var(--glass-card-hover);box-shadow:var(--shadow-panel);transform:translateY(-2px)}.taskMeta{justify-content:space-between;gap:7px;display:flex}.taskMeta span{letter-spacing:.09em;font-size:7px;font-weight:800}.taskMeta em{color:var(--text-muted);font-size:7px;font-style:normal}.taskCard h3{margin:8px 0 6px;font-size:10px;line-height:1.35}.taskCard p{color:var(--text-secondary);margin:0;font-size:7px;line-height:1.5}.taskAssignee{grid-template-columns:24px 1fr auto;align-items:center;gap:6px;margin-top:11px;display:grid}.taskAssignee>span{color:#101418;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.taskAssignee strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:7px;overflow:hidden}.taskAssignee small{color:var(--text-muted);font-size:6px}.taskProgressLine{margin-top:9px}.taskProgressText{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:6px;display:flex}.taskProgressText strong{color:var(--text-primary)}.ideasCanvas{border:1px solid var(--glass-border-soft);border-radius:var(--radius-panel);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text-primary) 7%, transparent) 1px, transparent 1.2px) 0 0/24px 24px, color-mix(in srgb, var(--glass-panel) 62%, transparent);min-width:760px;height:550px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.ideasConnections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ideasConnections path{fill:none;stroke:color-mix(in srgb, var(--text-secondary) 40%, transparent);stroke-width:1.4px;stroke-dasharray:5 5}.ideaCard{border:1px solid var(--glass-border-soft);border-radius:var(--radius-card);background:color-mix(in srgb, var(--glass-card) 82%, transparent);width:190px;box-shadow:var(--shadow-card);padding:14px;position:absolute}.ideaCard small{letter-spacing:.12em;color:var(--accent-green);font-size:7px;font-weight:800}.ideaCard h3{margin:6px 0;font-size:11px}.ideaCard p{color:var(--text-secondary);margin:0;font-size:7px;line-height:1.55}.ideaMain{top:110px;left:35px}.ideaForex{top:95px;left:390px}.ideaMeme{top:165px;right:55px}.ideaWallpaper{bottom:45px;left:220px}.ideaSocial{bottom:45px;right:205px}.ideaNotes{border:1px solid color-mix(in srgb, var(--accent-yellow) 24%, var(--glass-border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--accent-yellow) 6%, var(--glass-card));width:185px;padding:12px;position:absolute;top:22px;right:22px}.ideaNotes strong,.ideaNotes span{display:block}.ideaNotes strong{font-size:8px}.ideaNotes span{color:var(--text-secondary);margin-top:5px;font-size:7px;line-height:1.35}.studioTerminal{border:1px solid var(--glass-border-soft);background:color-mix(in srgb, var(--glass-card) 54%, transparent);min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 42%, transparent);border-radius:19px;margin:6px 7px 7px;overflow:hidden}.terminalTabs{height:25px;color:var(--text-muted);align-items:center;gap:15px;padding:0 12px;font-size:7px;display:flex}.terminalTabs strong{color:var(--text-primary)}.terminalLines{height:55px;font-family:var(--font-geist-mono), monospace;color:var(--text-secondary);align-content:start;gap:4px;padding:6px 12px 9px;font-size:7px;display:grid;overflow-y:auto}.terminalLines span:last-child{color:var(--accent-green)}.studioInspector{align-content:start;gap:9px;padding:0;display:grid;overflow-y:auto}.studioInspectorPanel{border:1px solid var(--glass-border);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--glass-panel) 94%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 65%, transparent);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(150%)}.studioMiniMap{padding:8px}.miniMapHeader{justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:0 2px 8px;display:flex}.miniMapHeader small{color:var(--text-muted);font-size:7px}.miniMapPlane{background:linear-gradient(30deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px) 0 0/24px 24px, linear-gradient(150deg, color-mix(in srgb, var(--text-primary) 4%, transparent) 1px, transparent 1px) 0 0/24px 24px, color-mix(in srgb, var(--glass-card) 48%, transparent);height:112px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 40%, transparent);border-radius:18px;position:relative}.miniMapDot{cursor:pointer;border:2px solid #ffffffad;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 2px 8px #0000002e}.dot-1{top:48%;left:46%}.dot-2{top:28%;left:25%}.dot-3{top:25%;right:24%}.dot-4{bottom:18%;left:27%}.dot-5{bottom:20%;right:21%}.studioInspectorBody{padding:11px;overflow:visible}.studioInspectorTitle{align-items:center;gap:9px;display:flex}.studioInspectorTitle h3{color:var(--text-primary);letter-spacing:-.025em;margin:3px 0 0;font-size:14px}.studioInspectorState{justify-content:space-between;align-items:center;margin:11px 0 6px;display:flex}.studioInspectorState strong{font-size:10px}.studioDetails{gap:5px;margin:10px 0 0;display:grid}.studioDetails>div{background:color-mix(in srgb, var(--glass-card) 48%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 35%, transparent);border-radius:14px;padding:8px 9px}.studioDetails dt{color:var(--text-muted);font-size:7px}.studioDetails dd{color:var(--text-primary);margin:3px 0 0;font-size:8px;line-height:1.4}.studioChecklist{gap:5px;margin-top:9px;display:grid}.studioChecklist>div{color:var(--accent-green);align-items:center;gap:6px;font-size:7px;display:flex}.studioChecklist>div.pending{color:var(--accent-orange)}[data-flow-theme=dark] .studioMain{background:#0f1318f5}[data-flow-theme=dark] .studioSidebarGroup,[data-flow-theme=dark] .studioInspectorPanel{background:#14191ff0}[data-flow-theme=dark] .studioContent,[data-flow-theme=dark] .studioTerminal{background:#12171d94}@media (max-width:1180px){.studioShell{grid-template-columns:132px minmax(0,1fr) 224px;gap:7px}.agentRegistryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.taskBoardColumns{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:900px){.studioWorkspace{height:calc(100dvh - 76px);min-height:0;padding:8px}.studioShell{grid-template-columns:minmax(0,1fr);gap:0}.studioExplorer{z-index:1200;border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-shell) 94%, transparent);width:min(300px,86vw);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell));border-radius:24px;padding:8px;transition:transform .22s;position:fixed;top:84px;bottom:8px;left:8px;transform:translate(calc(-100% - 20px))}.studioExplorer.open{transform:translate(0)}.studioExplorerHeader button,.studioExplorerToggle{display:grid}.studioMain{border-radius:24px;grid-template-rows:90px minmax(0,1fr) 94px}.studioInspector{z-index:20;width:250px;max-height:calc(100dvh - 220px);position:absolute;top:100px;right:10px}.studioMiniMap{display:none}.studioToolbar{grid-template-rows:40px 38px;grid-template-columns:auto minmax(0,1fr);gap:5px 8px}.studioExplorerToggle{grid-area:1/1}.studioCommandBar{grid-area:1/2;justify-self:end;width:min(100%,420px);margin:0}.studioViewTabs{grid-area:2/1/auto/-1;width:100%;overflow-x:auto}.studioToolbarStatus{display:none}.agentHQView,.agentRegistryView,.taskBoardView,.ideasView{padding:13px 270px 13px 13px}.taskBoardColumns{grid-template-columns:repeat(2,minmax(210px,1fr))}.terminalLines{height:60px}}@media (max-width:680px){.studioInspector{display:none}.agentHQView,.agentRegistryView,.taskBoardView,.ideasView{padding:12px}.studioToolbar{padding:7px 9px 3px}.studioCommandBar kbd{display:none}.studioViewTabs{padding-inline:9px;overflow-x:auto}.studioViewTabs button{flex:none}.hqHeader,.registryHeader,.taskBoardHeader,.ideasHeader{align-items:flex-start}.hqRuntimePills{display:none}.agentRegistryGrid,.taskBoardColumns{grid-template-columns:1fr}.ideasView{overflow:auto}.studioTerminal{display:none}.studioMain{grid-template-rows:90px minmax(0,1fr)}}.agentHQView3D{flex-direction:column;height:100%;min-height:0;padding:8px 9px 9px;display:flex;overflow:hidden}.agentHQ3DStage{isolation:isolate;background:radial-gradient(circle at 50% 42%,#5d52b229,#0000 30%),linear-gradient(150deg,#070b13 0%,#0a101b 46%,#060a11 100%);border:1px solid #819ac138;border-radius:24px;flex:auto;width:100%;max-width:none;height:auto;min-height:0;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000057,inset 0 1px #ffffff0e,inset 0 0 70px #44568214}.agentHQ3DStage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,#8a7dff24,#0000 22%),radial-gradient(circle at 20% 22%,#45e58d0f,#0000 20%),radial-gradient(circle at 82% 26%,#63b3ff12,#0000 22%),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/32px 32px;position:absolute;inset:0}.agentHQ3DCanvas{z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.agentHQ3DCanvas.isPanning{cursor:grabbing}.agentHQ3DBrand{z-index:2;pointer-events:none;color:#dce5f4;opacity:.28;letter-spacing:-.045em;flex-direction:column;line-height:.88;display:flex;position:absolute;top:5%;left:4.5%;transform:rotate(-1deg)}.agentHQ3DBrand strong{font-size:clamp(18px,2.2vw,34px);font-weight:900}.agentHQ3DBrand span{letter-spacing:.22em;margin-top:5px;font-size:clamp(8px,.8vw,12px);font-weight:800}.agentHQ3DLegend{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:55%;display:flex;position:absolute;top:13px;right:14px}.agentHQ3DLegend span{color:#c8d3e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c121d9e;border:1px solid #9aabb73d;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:760;display:flex;box-shadow:0 8px 22px #00000029,inset 0 1px #ffffff0b}.agentHQ3DLegend i{border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.agentHQ3DRoomLayer{z-index:6;pointer-events:none;position:absolute;inset:0}.agentHQ3DRoom{--room-color:#63b3ff;border:1px solid color-mix(in srgb, var(--room-color) 28%, #ffffff1f);color:#dce7f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;background:#080d16bd;border-radius:10px;flex-direction:column;min-width:74px;padding:5px 7px 6px;transition:transform .16s,border-color .16s,box-shadow .16s,opacity .16s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 9px 26px #00000038,inset 0 1px #ffffff0d}.agentHQ3DRoom:before{content:"";background:var(--room-color);width:5px;height:5px;box-shadow:0 0 10px var(--room-color);border-radius:50%;position:absolute;top:6px;left:6px}.agentHQ3DRoom strong{letter-spacing:.08em;white-space:nowrap;padding-left:8px;font-size:7px;line-height:1.1}.agentHQ3DRoom small{color:#cddaeaa8;white-space:nowrap;margin-top:3px;font-size:6px}.agentHQ3DRoom:hover,.agentHQ3DRoom.selected{z-index:8;border-color:color-mix(in srgb, var(--room-color) 65%, #ffffff38);box-shadow:0 12px 34px #0000004d, 0 0 24px color-mix(in srgb, var(--room-color) 22%, transparent), inset 0 1px #ffffff14;transform:translate(-50%,-50%)scale(1.04)}.agentHQ3DControls{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d16ad;border:1px solid #a0b5d229;border-radius:12px;gap:5px;padding:4px;display:flex;position:absolute;bottom:13px;left:14px;box-shadow:0 10px 28px #00000038,inset 0 1px #ffffff0d}.agentHQ3DControls button{color:#dce7f4;cursor:pointer;background:#ffffff09;border:1px solid #a8bbd51f;border-radius:8px;min-width:28px;height:26px;padding:0 8px;font-size:8px;font-weight:800}.agentHQ3DControls button:hover{background:#8a7dff1a;border-color:#8a7dff6b}.agentHQ3DHitLayer{z-index:5;pointer-events:none;position:absolute;inset:0}.agentHQ3DHit{--robot-color:#4ed16f;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:45%;width:44px;height:58px;padding:0;position:absolute;transform:translate(-50%,-50%)}.agentHQ3DHit:before{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .16s,box-shadow .16s,transform .16s;position:absolute;inset:10% 16%}.agentHQ3DHit:hover:before,.agentHQ3DHit.selected:before{border-color:color-mix(in srgb, var(--robot-color) 68%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--robot-color) 31%, transparent), inset 0 0 18px color-mix(in srgb, var(--robot-color) 12%, transparent);transform:scale(1.08)}.agentHQ3DHit span{color:#27323a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;white-space:nowrap;text-overflow:ellipsis;background:#ffffffdb;border:1px solid #9baab547;border-radius:8px;min-width:76px;max-width:132px;padding:5px 7px;font-size:7px;font-weight:760;transition:opacity .16s,transform .16s;position:absolute;bottom:-5px;left:50%;overflow:hidden;transform:translate(-50%)translateY(5px);box-shadow:0 8px 22px #3746521f}.agentHQ3DHit:hover span,.agentHQ3DHit.selected span{opacity:1;transform:translate(-50%)translateY(0)}.agentHQ3DHint{z-index:4;color:#cfdbeaa3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;white-space:nowrap;background:#080d1694;border:1px solid #9fadb838;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:680;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}[data-flow-theme=dark] .agentHQ3DStage{background:radial-gradient(circle at 50% 42%,#5d52b22b,#0000 30%),linear-gradient(150deg,#050810,#09111c 50%,#05080e);border-color:#819ac133}@media (max-width:680px){.agentHQView3D{padding:12px 8px 18px}.agentHQ3DStage{border-radius:22px;height:min(72vh,610px);min-height:520px}.agentHQ3DLegend{gap:4px;max-width:66%;top:10px;right:9px}.agentHQ3DLegend span{padding:4px 6px;font-size:6px}.agentHQ3DBrand{top:4.5%;left:4%}.agentHQ3DHit{width:42px;height:56px}.agentHQ3DHint{font-size:6px;bottom:8px}}[data-flow-theme=dark] .studioMain{background-color:#0f1318!important;background-image:none!important;border-color:#c6d4e217!important;box-shadow:0 14px 40px #0000003d,inset 0 1px #ffffff0a!important}[data-flow-theme=dark] .studioSidebarGroup,[data-flow-theme=dark] .studioInspectorPanel{background:#14191f!important;border-color:#c6d4e216!important}[data-flow-theme=dark] .studioContent,[data-flow-theme=dark] .studioTerminal,[data-flow-theme=dark] .studioCommandBar{background-color:#12171d!important;background-image:none!important}.studioViewTabs.glassSegmentedControl{width:fit-content;max-width:calc(100% - 28px);min-height:40px;margin:0 14px 4px;padding:var(--recess-compact-padding)!important;border:1px solid var(--control-track-border)!important;background:var(--control-track-bg)!important;box-shadow:var(--control-track-shadow)!important;border-radius:22px!important;gap:1px!important}.studioViewTabs .glassSegment{min-width:70px;height:var(--recess-compact-segment-height);padding:0 12px;font-size:9px;font-weight:700;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:19px!important}.studioViewTabs .glassSegment:hover:not(:disabled){color:var(--text-primary)!important;background:var(--control-hover-bg)!important;transform:none!important}.studioViewTabs .glassSegment.active{color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.studioSidebarGroup{border-radius:26px}.studioVerticalMenu{isolation:isolate;padding:var(--recess-vertical-padding);border:1px solid var(--control-track-border);background:var(--control-track-bg);box-shadow:var(--control-track-shadow);border-radius:20px;gap:1px;display:grid;position:relative}.studioTreeSystem.glassVerticalItem,.studioTreeFile.glassVerticalItem{isolation:isolate;min-height:var(--recess-vertical-row-height);cursor:pointer;text-align:left;width:100%;padding:0 10px;position:relative;overflow:visible;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:17px!important;transition:color .18s cubic-bezier(.22,.8,.3,1),background-color .18s cubic-bezier(.22,.8,.3,1)!important}.studioTreeSystem.glassVerticalItem .glassControlContent,.studioTreeFile.glassVerticalItem .glassControlContent{justify-content:flex-start;gap:7px}.studioTreeSystem.glassVerticalItem small{color:var(--text-muted);margin-left:auto}.studioTreeSystem.glassVerticalItem:hover,.studioTreeFile.glassVerticalItem:hover{color:var(--text-primary)!important;background:var(--control-hover-bg)!important;box-shadow:none!important;transform:none!important}.studioTreeSystem.glassVerticalItem:active,.studioTreeFile.glassVerticalItem:active{background:var(--control-press-bg)!important;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--recess-pill-depth) 62%, transparent)!important;transform:none!important}.studioTreeSystem.glassVerticalItem.active,.studioTreeFile.glassVerticalItem.active{color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.studioTreeSystem.glassVerticalItem.active svg,.studioTreeFile.glassVerticalItem.active svg{color:var(--accent-green)!important}.studioVerticalMenu .glassSlidingSelection{inset:var(--recess-pill-inset)!important;border-radius:17px!important}.studioExplorerHeader .glassIconControl,.studioExplorerToggle.glassIconControl{width:36px;height:36px;border-radius:13px!important;padding:0!important}[data-flow-theme=light] .studioViewTabs.glassSegmentedControl,[data-flow-theme=light] .studioVerticalMenu{border-bottom-color:var(--control-track-border)!important}[data-flow-theme=light] .studioViewTabs .glassSlidingSelection,[data-flow-theme=light] .studioVerticalMenu .glassSlidingSelection{border-bottom-color:var(--control-pill-border)!important}@media (max-width:900px){.studioViewTabs.glassSegmentedControl{max-width:calc(100% - 20px);margin-inline:10px;overflow-x:auto}.studioViewTabs .glassSegment{flex:none}}@media (prefers-reduced-motion:reduce){.studioTreeSystem.glassVerticalItem,.studioTreeFile.glassVerticalItem,.studioViewTabs .glassSegment,.studioExplorerHeader .glassIconControl,.studioExplorerToggle.glassIconControl{transition-duration:1ms!important;transform:none!important}}.studioOpsStrip{flex-wrap:wrap;gap:6px;padding:0 2px 7px;display:flex}.studioOpsStrip>span{border:1px solid var(--glass-border-soft);min-height:26px;color:var(--text-secondary);background:color-mix(in srgb, var(--glass-card) 72%, transparent);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:7px;display:inline-flex}.studioOpsStrip strong{color:var(--text-primary);font-size:8px}.studioOpsStrip svg{color:var(--accent-green)}.studioOpsError{border:1px solid color-mix(in srgb, #d49a34 26%, var(--glass-border));color:#d49a34;background:color-mix(in srgb, #d49a34 6%, var(--glass-card));border-radius:12px;margin-bottom:7px;padding:7px 9px;font-size:7px}.agentOpsMeta,.taskRecordMeta{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.agentOpsMeta span,.taskRecordMeta span{border:1px solid var(--glass-border-soft);color:var(--text-muted);background:color-mix(in srgb, var(--glass-panel) 66%, transparent);border-radius:999px;padding:3px 6px;font-size:6px;font-weight:680}.taskLaneEmpty,.runsEmpty{border:1px dashed var(--glass-border);min-height:74px;color:var(--text-muted);background:color-mix(in srgb, var(--glass-card) 38%, transparent);text-align:center;border-radius:14px;place-items:center;padding:12px;font-size:7px;display:grid}.runsView{height:100%;min-height:0;overflow:auto}.runsTable{gap:5px;margin-top:10px;display:grid}.runsTableHeader,.runsTableRow{grid-template-columns:minmax(150px,1.2fr) minmax(130px,1fr) .8fr .7fr .9fr .65fr;align-items:center;gap:8px;display:grid}.runsTableHeader{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 10px 4px;font-size:6px;font-weight:760}.runsTableRow{border:1px solid var(--glass-border-soft);min-height:52px;color:var(--text-secondary);text-align:left;background:color-mix(in srgb, var(--glass-card) 78%, transparent);cursor:pointer;border-radius:14px;padding:7px 10px}.runsTableRow:hover{border-color:color-mix(in srgb, var(--accent-green) 22%, var(--glass-border));background:color-mix(in srgb, var(--glass-card) 90%, transparent)}.runsTableRow>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.runsTableRow>span:first-child{gap:1px;display:grid}.runsTableRow strong{color:var(--text-primary);font-size:7px}.runsTableRow small{color:var(--text-muted);font-size:6px}.runStatus{text-transform:uppercase;font-weight:760}.runStatus.status-running,.runStatus.status-queued{color:var(--accent-green)}.runStatus.status-failed,.runStatus.status-error{color:var(--accent-red)}[data-flow-theme=dark] .studioOpsStrip>span,[data-flow-theme=dark] .runsTableRow{background:#1a1f25c2}@media (max-width:1050px){.runsTableHeader{display:none}.runsTableRow{grid-template-columns:1.2fr 1fr .8fr}.runsTableRow>span:nth-child(4),.runsTableRow>span:nth-child(5),.runsTableRow>span:nth-child(6){display:none}}.runsView{min-height:100%;padding:14px}@media (max-width:900px){.runsView{padding:12px}}.studioRoomInspector .roomAvatar{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--agent-color) 28%, white 4%), #0f1726e0);border-color:color-mix(in srgb, var(--agent-color) 34%, #ffffff1f);box-shadow:0 0 22px color-mix(in srgb, var(--agent-color) 16%, transparent)}.roomState{letter-spacing:.08em;background:#ffffff09;border:1px solid #ffffff1c;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:8px;font-weight:900;display:inline-flex}.roomState-active{color:#78efac;background:#45e58d14;border-color:#45e58d42}.roomState-ready{color:#8bc9ff;background:#63b3ff14;border-color:#63b3ff42}.roomState-warning{color:#ffc270;background:#ffb34714;border-color:#ffb34747}.roomState-critical{color:#ff8193;background:#ff5c7417;border-color:#ff5c744d}.roomState-idle{color:#a8b4c1;border-color:#a8b4c12e}.roomState-unknown{color:#8994a6;background:#6f789012;border-color:#6f78903d}.studioRoomNote{color:#cddaeaad;background:#080d1657;border:1px solid #97abcd1f;border-radius:12px;margin-top:12px;padding:10px 11px;font-size:9px;line-height:1.45}.agentHQEventRail{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d131fd1,#070b13ed),radial-gradient(circle at 25% 0,#5d52b21a,#0000 34%);border-top:1px solid #90a7ca21;grid-template-columns:150px minmax(0,1fr);min-height:88px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff06}.agentHQEventRailHeader{border-right:1px solid #90a7ca1c;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;display:flex}.agentHQEventRailHeader>div{flex-direction:column;gap:2px;display:flex}.agentHQEventRailHeader span{color:#b9c7db7a;letter-spacing:.12em;font-size:7px;font-weight:800}.agentHQEventRailHeader strong{color:#e8eef8;letter-spacing:.04em;font-size:11px}.agentHQEventRailHeader small{color:#b9c7db70;font-size:7px}.agentHQEventRailItems{scrollbar-width:thin;scrollbar-color:#8a7dff3d transparent;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;align-items:stretch;display:grid;overflow-x:auto}.agentHQEventItem,.agentHQEventEmpty{border-right:1px solid #90a7ca14;align-items:center;min-width:0;display:grid}.agentHQEventItem{grid-template-rows:1fr auto;grid-template-columns:8px minmax(0,1fr);column-gap:8px;padding:10px 12px 9px}.agentHQEventItem i{background:#63b3ff;border-radius:50%;grid-row:1/3;width:6px;height:6px;box-shadow:0 0 10px #63b3ff7a}.agentHQEventItem div{flex-direction:column;gap:3px;min-width:0;display:flex}.agentHQEventItem strong{color:#dce6f4;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.agentHQEventItem span,.agentHQEventItem time{color:#becce07a;font-size:7px}.agentHQEventItem time{grid-column:2;margin-top:4px}.agentHQEventEmpty{color:#becce07a;grid-auto-flow:column;justify-content:start;gap:8px;padding:0 16px;font-size:8px}@media (max-width:900px){.agentHQEventRail{grid-template-columns:118px minmax(0,1fr)}.agentHQEventRailItems{grid-auto-columns:minmax(138px,1fr)}}.agentHQCitadelStage{background:radial-gradient(circle at 48% 42%,#5b4db429,#0000 26%),radial-gradient(circle at 76% 30%,#287ea614,#0000 23%),linear-gradient(148deg,#03050a 0%,#070b13 46%,#02040a 100%)}.agentHQCitadelMount{z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.agentHQCitadelMount canvas{width:100%;height:100%;display:block}.agentHQCitadelAgentLayer{z-index:7}.agentHQCitadelStage{background:radial-gradient(circle at 47% 40%,#695bdd1f,#0000 26%),radial-gradient(circle at 72% 68%,#3e76b414,#0000 24%),linear-gradient(150deg,#02050b 0%,#050a13 52%,#02040a 100%);box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff0b,inset 0 0 110px #374e7a0f}.agentHQV3Room{border-color:color-mix(in srgb, var(--room-accent) 30%, #ffffff1a);background:linear-gradient(180deg, #0c121dd1, #050910c2), radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--room-accent) 12%, transparent), transparent 60%)}.agentHQV3Room.selected{border-color:color-mix(in srgb, var(--room-accent) 72%, #ffffff3d);background:linear-gradient(180deg, #121927e6, #070b13d6), radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--room-accent) 20%, transparent), transparent 62%);box-shadow:0 14px 42px #0000005c, 0 0 30px color-mix(in srgb, var(--room-accent) 24%, transparent), inset 0 1px #ffffff1a}.agentHQV3Room.contextDim{opacity:.38;filter:saturate(.72)brightness(.86)}.agentHQV3Room.contextDim:hover{opacity:.88;filter:saturate(.96)brightness(.98)}.agentHQV3AgentLayer{z-index:7;pointer-events:none;position:absolute;inset:0}.agentHQV3Agent{color:#e2ecf9c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;background:#050910ad;border:1px solid #aec1db1f;border-radius:999px;align-items:center;gap:5px;min-width:14px;min-height:14px;padding:3px 5px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 18px #00000038}.agentHQV3Agent i{border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px}.agentHQV3Agent span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:7px;font-weight:800;overflow:hidden}.agentHQV3Agent.selected{background:#151b2fd1;border-color:#91abff6b}.agentHQV3SceneState{z-index:12;color:#dae5f5b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#050910d6;border:1px solid #91a5cb29;border-radius:16px;justify-items:center;gap:5px;min-width:250px;padding:18px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff0a}.agentHQV3SceneState>span{background:#8d83ff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite agentHqV3Pulse;box-shadow:0 0 20px #8d83ffbf}.agentHQV3SceneState strong{color:#edf3ff;letter-spacing:.1em;font-size:9px}.agentHQV3SceneState small{color:#bccadf7a;font-size:8px}.agentHQV3SceneState.error>span{background:#ffb347;box-shadow:0 0 20px #ffb3478c}@keyframes agentHqV3Pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}.studioShellHQ{display:block;position:relative}.studioShellHQ>.studioExplorer{display:none}.studioShellHQ>.studioMain{background:#060a116b;border-color:#7891b824;grid-template-rows:minmax(0,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.studioShellHQ .studioToolbar{display:none}.studioShellHQ .studioContent{border-radius:inherit;background:0 0;width:100%;height:100%;margin:0;overflow:hidden}.studioShellHQ .agentHQView3D{padding:0}.studioShellHQ .agentHQ3DStage{border-radius:inherit;box-shadow:none;border:0}.studioShellHQ>.studioInspector{z-index:30;pointer-events:none;width:clamp(196px,13vw,222px);max-height:calc(100% - 20px);padding:0;position:absolute;top:10px;right:10px;overflow-y:auto}.studioShellHQ>.studioInspector>*{pointer-events:auto}.studioShellHQ .studioMiniMap{display:none}.studioShellHQ .studioRoomInspector{-webkit-backdrop-filter:blur(16px)saturate(145%);backdrop-filter:blur(16px)saturate(145%);background:#0a0f18ad;border-color:#96add024;box-shadow:0 16px 42px #00000047,inset 0 1px #ffffff0a}.studioShellHQ .studioDetails{gap:3px}.studioShellHQ .studioDetails>div{background:#ffffff06;border-radius:10px;padding:6px 7px}.studioShellHQ .studioChecklist,.studioShellHQ .studioRoomNote{display:none}.studioShellHQ .studioHQDataBadge{z-index:34;color:#ffce87b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.11em;pointer-events:none;background:#18110a7a;border:1px solid #ffb3472e;border-radius:999px;padding:5px 8px;font-size:6px;font-weight:900;position:absolute;top:10px;right:clamp(230px,15vw,252px);box-shadow:0 8px 22px #0000002e}.studioShellHQ .agentHQ3DHint{display:none}
