/* Shared geometry for every B1Xagi mode; palette tokens live in tokens.css. */
:root[data-theme] .unified-shell {--sidebar:250px;--header:68px;padding:16px;gap:16px;box-shadow:none}
:root[data-theme] .unified-shell.no-sidebar {--sidebar:0px}
:root[data-theme] .unified-shell :is(.sidebar,.topbar,.workspace-dock) {background:var(--b1x-glass);border:1px solid var(--line);border-radius:15px;box-shadow:none}
:root[data-theme] .unified-shell .main {background:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
:root[data-theme=dark] .unified-shell.launch-empty .main {background:var(--b1x-bg) url('/web/assets/workspace/home-orbit.png') right top / auto 600px no-repeat;background-blend-mode:lighten}
.unified-shell .sidebar {overflow:hidden}
.unified-shell .sidebar-scroll {box-sizing:border-box;min-width:0;width:100%;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding-inline-end:8px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.unified-shell .sidebar-scroll > * {box-sizing:border-box;min-width:0;max-width:100%}
.unified-shell .sidebar-scroll .nav,.unified-shell #history button,.unified-shell .workspace-utilities summary {box-sizing:border-box;min-width:0;max-width:100%}
.unified-shell #history {max-width:100%;min-width:0;overflow-x:hidden;overscroll-behavior:contain}
:root[data-theme] .unified-shell .brand.identity {border:0;box-shadow:none;background:none;padding:8px 0 18px;margin:0 0 14px}
:root[data-theme] .unified-shell .brand.identity img {width:166px;height:auto;max-height:78px;object-fit:contain}
:root[data-theme] .unified-shell .new-chat {background:var(--cyan);color:var(--b1x-on-accent);border:0;border-radius:10px;min-height:46px;box-shadow:none;margin-bottom:18px}
.unified-shell .new-chat kbd {display:none}
.unified-shell .unified-feature-nav {display:grid;gap:2px}
:root[data-theme] .unified-shell .sidebar .nav {min-height:40px;padding:9px 12px;font-size:14px;display:flex;gap:12px;align-items:center;text-align:left;width:100%;flex-shrink:0}
.unified-shell .sidebar .nav svg {width:20px;height:20px;flex-shrink:0}
:root[data-theme] .unified-shell .sidebar .nav.active {background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid var(--line);color:var(--text)}
.unified-shell .sidebar [data-workspace-mode=arena] svg {color:var(--workspace-secondary)}
.workspace-utilities {margin:4px 0;color:var(--muted);font-size:12px}
.workspace-utilities summary {padding:9px 12px;cursor:pointer}
.workspace-utilities .nav {font-size:12px!important}
.unified-shell .sidebar .section-label {margin:12px 10px 6px}
.unified-shell #history {min-height:65px;max-height:160px;flex:none}
.unified-shell #history button {font-size:12px;padding:8px 12px}
.unified-shell .sidebar-foot {margin-top:auto;padding-top:8px;flex:none;border-top:1px solid var(--line)}
.unified-shell .company {font-size:10px!important;line-height:1.5}
.unified-shell .company small {font-size:9px!important}
.unified-shell .company {padding-top:4px!important}
.unified-shell .topbar {gap:10px;padding:10px 16px;min-width:0}
.unified-shell .topbar {position:relative;z-index:30}
.unified-shell .view-mode-switcher {display:none!important}
.workspace-mode-control {margin:0;min-width:0;max-width:190px}
.workspace-mode-control select,.workspace-project-picker {color:var(--text);font:600 13px var(--sans);background:var(--b1x-control);border:1px solid var(--line);border-radius:24px;min-height:38px;max-width:210px;padding:8px 12px}
.workspace-project-picker {display:flex;align-items:center;gap:10px;background:transparent;cursor:pointer;min-width:0}
.workspace-project-picker strong {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-project-picker svg {width:18px;height:18px;flex-shrink:0;color:var(--cyan)}
.unified-shell .topbar .connection {margin-right:auto;font-size:11px;white-space:nowrap}
.unified-shell .theme-toggle-btn {width:36px!important;min-width:36px;padding:8px!important;background:transparent!important;border:0;box-shadow:none}
.unified-shell #theme-label {display:none}
.unified-shell .launch-signin {background:var(--b1x-control)!important;border-color:var(--line)!important;max-width:145px}
.unified-shell #canvas-toggle {display:none}
.unified-shell #workspace-open {font-size:12px;min-height:36px;white-space:nowrap}
.unified-shell .topbar #richard-launcher {flex-shrink:0}
#shell.unified-shell .workspace-panel-controls {display:flex;align-items:center;gap:2px;flex:0 0 auto}
#shell.unified-shell .topbar .workspace-panel-controls button,
#shell.unified-shell .topbar #workspace-open {display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:6px;background:transparent;border:0;border-radius:8px;box-shadow:none;color:var(--muted)}
#shell.unified-shell .topbar .workspace-panel-controls button:hover,
#shell.unified-shell .topbar #workspace-open:hover {background:var(--b1x-control);color:var(--cyan)}
#shell.unified-shell .topbar .workspace-panel-controls button:disabled {opacity:.45;cursor:not-allowed}
#shell.unified-shell .topbar .workspace-panel-controls svg,
#shell.unified-shell .topbar #workspace-open svg {width:17px;height:17px}
#shell.unified-shell .topbar .workspace-panel-controls button[aria-pressed=true] {color:var(--cyan)}
:root[data-theme] .unified-shell .launch-home {width:100%;max-width:1060px;padding:54px 28px 24px!important;left:0}
:root[data-theme] .unified-shell .launch-eyebrow {color:var(--cyan);font:650 11px/1.6 var(--sans);letter-spacing:2px;margin:12px 0 18px}
:root[data-theme] .unified-shell .launch-home h1 {font:600 clamp(32px,2.7vw,46px)/1.13 var(--sans)!important;letter-spacing:-1.6px;margin:0 0 20px!important;color:var(--muted)}
.unified-shell .launch-home h1 span:last-child {color:var(--cyan)}
:root[data-theme] .unified-shell .launch-subtitle {font:400 15px/1.6 var(--sans);color:var(--muted);margin:0}
:root[data-theme] .unified-shell .launch-home .composer-area {margin-top:36px;padding:0;position:static!important;background:transparent;border:0;box-shadow:none;outline:none}
:root[data-theme] .unified-shell .composer-area {border:0;outline:none;box-shadow:none}
:root[data-theme] .unified-shell .composer,
:root[data-theme] .unified-shell .composer:is(:focus-within,.expanded,.has-content) {background:var(--b1x-glass);border:1px solid var(--line);border-radius:18px;outline:none;box-shadow:none;padding:14px 20px;min-height:170px}
:root[data-theme] .unified-shell .composer:focus-within {border-color:var(--cyan)}
.composer-context-bar {display:flex;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:8px;min-width:0}
:root[data-theme] .unified-shell .composer-context-bar .context-open {width:auto;min-height:28px;border:0;outline:none;box-shadow:none;margin:0;padding:4px 0;background:transparent;display:flex;gap:7px;align-items:center;font-size:12px}
.composer-project-chip {font-size:12px;color:var(--workspace-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.composer-size-toggle {border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:5px;margin-left:auto;cursor:pointer;font-size:11px;padding:5px;min-width:65px}
.composer-size-toggle svg {width:15px;height:15px}
:root[data-theme] .unified-shell #prompt {height:auto;min-height:60px;max-height:40dvh;padding:8px 0;resize:none;border:0!important;outline:none!important;border-radius:0;background:transparent!important;box-shadow:none!important;font:400 16px/1.65 var(--sans);transition:none}
:root[data-theme] .unified-shell.launch-empty #prompt {height:auto!important;height:var(--prompt-height,60px)!important}
.unified-shell .project-context {padding:4px 0;color:var(--muted)}
.unified-shell .project-context pre {max-height:110px}
.unified-shell .composer-context:empty {display:none}
:root[data-theme] .unified-shell .composer-toolbar {display:flex;align-items:center;gap:10px;margin-top:8px;padding:0;flex-wrap:wrap}
:root[data-theme] .unified-shell .composer-toolbar :is(.composer-btn,.send,.stop-btn) {height:42px;width:42px;min-width:42px;background:var(--b1x-control);border-color:var(--line);box-shadow:none}
:root[data-theme] .unified-shell .composer-toolbar .send {background:var(--cyan);color:var(--b1x-on-accent);border:0;margin-left:0}
.unified-shell .composer-toolbar #profile {flex:0 1 auto;max-width:190px;height:38px;font-size:13px;background:var(--b1x-control);color:var(--text);border-color:var(--line)}
.unified-shell #composer-live-audio {margin-left:auto;color:var(--cyan)}
.unified-shell #composer-voice-btn {margin-left:0}
.recent-work {margin-top:26px;text-align:left}
.recent-work header {display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.recent-work h2 {font-size:17px;font-weight:600;margin:0;white-space:nowrap}
.recent-work header button {width:auto;flex:none;background:none;border:0;color:var(--workspace-secondary);display:flex;gap:8px;align-items:center;font-size:12px;cursor:pointer}
.recent-work-actions {display:flex;align-items:center;gap:16px}
.recent-work #undo {color:var(--cyan)}
.recent-work #undo[hidden] {display:none}
.recent-work svg {width:18px;height:18px;flex-shrink:0}
.recent-work-list>button {display:flex;align-items:center;gap:16px;width:100%;padding:17px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;cursor:pointer;text-align:left;color:var(--text)}
.recent-work-list>button:hover {background:var(--b1x-control)}
.recent-work-list>button span {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-work-list>button>svg:first-child {color:var(--cyan)}
.recent-work-list p {font-size:13px;padding:16px 0;line-height:1.6}
.workspace-studios {margin-top:20px}
.workspace-studios summary {color:var(--muted);font-size:13px;padding:8px 0;cursor:pointer}
:root[data-theme] .unified-shell .launch-tool {background:var(--b1x-glass);border-color:var(--line);box-shadow:none}
:root[data-theme] .unified-shell .workspace-dock {background:var(--b1x-glass);--surface:var(--b1x-solid-strong);--ink:var(--text);overflow:visible;min-width:0}
.unified-shell .dock-body {border-radius:0 0 15px 15px;overflow:hidden}
:root[data-theme] .unified-shell .dock-head {border-radius:15px 15px 0 0;background:transparent;padding:12px;gap:6px;flex-wrap:nowrap}
.unified-shell .dock-head .dock-tabs {order:0;flex:1 1 auto;margin:0;min-height:38px;overflow-x:auto}
.unified-shell .dock-head>button {min-height:28px!important;padding:4px 9px}
.unified-shell .dock-head .dock-tabs button {font-size:13px;flex-shrink:0}
.unified-shell .dock-menu button {display:flex;align-items:center;gap:8px}
.unified-shell .dock-menu svg {width:16px;height:16px;flex-shrink:0}
.unified-shell .dock-resize {left:-10px;width:14px;top:18px;bottom:18px;z-index:2}
.unified-shell .dock-resize:focus-visible {outline:2px solid var(--cyan)}
.unified-shell .dock-panel {padding:22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.unified-shell .dock-panel h2 {font-size:21px;margin-bottom:16px}
.unified-shell .dock-panel p {font-size:13px}
.unified-shell .dock-panel #browser-task {min-height:80px;height:80px}
.unified-shell .dock-panel #browser-agent-panel {overflow:visible;max-height:none}
.unified-shell .dock-panel #browser-agent-panel>p:first-of-type {margin:0 0 16px;font-size:13px}
.browser-idle {text-align:center;margin:14px auto 8px;color:var(--muted)}
.browser-idle img {width:min(100%,290px);height:auto;display:block;margin:0 auto 10px}
.browser-idle strong {display:block;font-size:17px;color:var(--text)}
.browser-idle p {margin-top:6px!important}
[data-theme=light] .browser-idle img {border-radius:12px}
.unified-shell .floating-lens,body:has(.unified-shell) #floating-lens-btn {display:none!important}
.browser-conversation-controls {margin-top:14px;font-size:12px;color:var(--muted)}
.browser-conversation-controls summary {cursor:pointer;padding:8px 0}
.browser-conversation-controls textarea {width:100%}
.browser-limits {margin:0 0 14px;font-size:12px;color:var(--muted)}
.browser-limits summary {cursor:pointer}
.workspace-tool-screen {display:none;height:100%;min-height:0;flex-direction:column}
.workspace-tool-screen>header {display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px}
.workspace-tool-screen h1 {font-size:20px;margin:0}
.workspace-tool-screen header button {display:flex;gap:8px;align-items:center;background:var(--b1x-control);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:8px 12px;font-size:12px}
.workspace-tool-screen svg {height:18px;width:18px}
.workspace-tool-screen iframe {flex:1;width:100%;border:1px solid var(--line);border-radius:12px;min-height:450px;background:var(--b1x-bg)}
.tool-screen-open .main>:not(.workspace-tool-screen) {display:none!important}
.tool-screen-open .workspace-tool-screen {display:flex}
.unified-shell .workspace-subbar {flex-wrap:wrap;height:auto;min-height:44px}
.unified-shell .launch-footer {margin-top:auto}
@media(max-width:1400px) {
  :root[data-theme] .unified-shell {--sidebar:215px;--dock-width:370px;gap:12px;padding:12px}
  .unified-shell .topbar .connection {max-width:90px;overflow:hidden;text-overflow:ellipsis}
  .unified-shell #inspector-toggle {display:none}
  .workspace-mode-control {max-width:155px}
  .workspace-mode-control select {width:100%;max-width:155px}
  :root[data-theme] .unified-shell .launch-home {padding:40px 20px 24px!important}
  :root[data-theme] .unified-shell .composer {padding:12px 16px}
  .unified-shell .dock-panel {padding:18px}
}
@media(max-width:1100px) {
  .unified-shell .workspace-dock {position:fixed;right:12px;top:90px;bottom:12px;width:min(520px,calc(100vw - 24px));z-index:40;box-shadow:0 14px 60px #0008}
  .workspace-project-picker {max-width:165px}
  .unified-shell .topbar .connection {display:none}
}
@media(max-width:768px) {
  :root[data-theme] .unified-shell {--sidebar:0px;--header:60px;padding:8px;gap:8px}
  .unified-shell .topbar {padding:6px 8px;gap:6px}
  .unified-shell .topbar .mobile-brand,.unified-shell .topbar #richard-launcher {display:none}
  .unified-shell .workspace-project-picker {max-width:140px;padding:6px;border:0;font-size:12px}
  .workspace-project-picker svg {display:none}
  .workspace-mode-control {max-width:135px;margin-left:auto}
  .workspace-mode-control select {max-width:135px;font-size:12px;padding:6px 8px}
  .unified-shell .launch-signin {max-width:72px;padding:6px;font-size:11px}
  .unified-shell #workspace-open {font-size:0;width:32px;min-width:32px;padding:6px}
  .unified-shell #workspace-open svg {width:18px;height:18px}
  :root[data-theme] .unified-shell .launch-home {padding:28px 8px 16px!important}
  :root[data-theme] .unified-shell .launch-home h1 {font-size:32px!important}
  :root[data-theme] .unified-shell .launch-home .composer-area {margin-top:28px}
  :root[data-theme] .unified-shell .composer {padding:12px;min-height:160px}
  :root[data-theme] .unified-shell .composer-toolbar {gap:7px}
  :root[data-theme] .unified-shell .composer-toolbar :is(.composer-btn,.send,.stop-btn) {width:40px;min-width:40px;height:40px}
  .unified-shell .composer-toolbar #profile {order:0;max-width:145px;font-size:12px;flex:1 1 110px}
  .unified-shell #composer-live-audio {margin-left:auto}
  .unified-shell .composer-project-chip {max-width:135px;font-size:11px}
  .unified-shell .workspace-dock {top:76px}
  .unified-shell .dock-resize {display:none}
  .unified-shell .sidebar {width:264px}
  .unified-shell .workspace-subbar .subbar-context {display:none}
}
@media(max-width:480px) {
  .unified-shell .workspace-project-picker {max-width:100px}
  .unified-shell .topbar .launch-signin {display:none}
  .unified-shell .composer-toolbar #profile {flex:1 1 100%;max-width:none;order:2}
  .unified-shell .composer-toolbar #composer-live-audio {margin-left:auto}
  .unified-shell .composer-project-chip {max-width:105px}
  .unified-shell .composer-context-bar {gap:6px}
  .unified-shell .composer-size-toggle {min-width:56px}
}
@media(prefers-reduced-motion:reduce) {.unified-shell * {scroll-behavior:auto!important}}
.unified-shell .workspace-dock.dock-fullscreen {width:auto;max-width:none}
/* Like a conversation composer beside an expanded Codex panel, stay anchored
   to the center column instead of being pushed below the launch content. */
#shell.unified-shell.dock-open .main {box-sizing:border-box;padding-bottom:88px;z-index:auto}
#shell.unified-shell.dock-open .composer-area {position:fixed!important;left:var(--composer-dock-left,calc(var(--sidebar) + 28px));right:calc(100vw - var(--composer-dock-right,calc(100vw - 28px)));bottom:12px;z-index:85;width:auto;max-width:none;margin:0!important;padding:0!important;background:transparent!important;pointer-events:none}
#shell.unified-shell.dock-open .composer-area>* {pointer-events:auto}
#shell.unified-shell.dock-open .composer-area>.activity,
#shell.unified-shell.dock-open .composer-area>.disclaimer {display:none!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer {box-sizing:border-box;min-width:0;width:100%;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--b1x-glass);box-shadow:0 8px 30px #0005}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact {display:grid;grid-template-columns:minmax(70px,1fr) auto;grid-template-rows:36px;align-items:center;gap:4px 8px;min-height:48px;padding:5px 8px!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact>.sr-only {display:none}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact>.composer-context-bar {display:none}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact>.project-context {display:none!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact #prompt {grid-column:1;grid-row:1;box-sizing:border-box;width:100%;min-width:0;min-height:30px!important;height:30px!important;max-height:30px!important;overflow:hidden;white-space:nowrap;padding:4px 2px!important;font-size:13px!important;line-height:22px!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar {grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;min-width:0;margin:0;padding:0}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar :is(.composer-btn,.send,.stop-btn,.context-open,.composer-size-toggle) {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;min-width:30px;height:30px;min-height:30px;padding:4px;border:0!important;background:transparent!important;box-shadow:none;border-radius:7px;color:var(--muted)}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar :is(.composer-btn,.send,.stop-btn,.context-open,.composer-size-toggle):hover {background:var(--b1x-control)!important;color:var(--cyan)}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar :is(.composer-btn,.send,.stop-btn,.context-open,.composer-size-toggle) svg {width:16px;height:16px}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar .context-open,
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar .composer-size-toggle {font-size:0}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar .composer-size-toggle {margin:0;min-width:30px}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #profile {box-sizing:border-box;flex:0 1 112px;width:112px;min-width:84px;max-width:112px;height:30px;min-height:30px;padding:4px 22px 4px 8px!important;font-size:11px!important;background-color:transparent!important;background-position:right 4px center!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #composer-image-btn span,
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #composer-voice-btn span,
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #send span,
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #stop span {display:none}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #composer-live-audio {margin:0;flex:0 0 30px}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #composer-voice-btn {margin:0}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact .composer-toolbar #send {background:var(--cyan)!important;color:var(--b1x-on-accent)!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(30px,auto) auto;align-items:start;max-height:min(44dvh,380px)}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing #prompt {grid-column:1;grid-row:1;height:var(--prompt-height,54px)!important;max-height:min(29dvh,260px)!important;min-height:34px!important;overflow-y:auto;white-space:pre-wrap!important;resize:none}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing .composer-toolbar {grid-column:1;grid-row:2;justify-content:flex-end;flex-wrap:wrap;width:100%}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact #composer-activity {grid-column:1/-1;grid-row:1;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact:has(#composer-activity:not([hidden])) {grid-template-rows:16px 30px}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact:has(#composer-activity:not([hidden])) #prompt,
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact:has(#composer-activity:not([hidden])) .composer-toolbar {grid-row:2}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing:has(#composer-activity:not([hidden])) {grid-template-rows:16px minmax(30px,auto) auto}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing:has(#composer-activity:not([hidden])) #prompt {grid-row:2}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.dock-compact.dock-growing:has(#composer-activity:not([hidden])) .composer-toolbar {grid-row:3}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.expanded {display:block;max-height:min(48dvh,420px);overflow:auto;padding:10px 14px!important}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.expanded #prompt {min-height:54px!important;height:auto!important;max-height:24dvh!important;white-space:pre-wrap}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.expanded .composer-toolbar {flex-wrap:wrap}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.expanded .composer-context-bar {display:flex}
#shell.unified-shell:is(.dock-open,[data-view-mode="arena"],.studio-active) #composer.expanded .project-context {display:block!important}
#shell.unified-shell.dock-open .workspace-dock.dock-fullscreen .dock-panel {padding-bottom:calc(var(--dock-composer-height,48px) + 28px)}
@media(max-width:1100px) {
  #shell.unified-shell.dock-open .composer-area {left:12px!important;right:12px!important}
  #shell.unified-shell.dock-open .workspace-dock:not(.dock-fullscreen) {bottom:calc(var(--dock-composer-height,48px) + 24px)}
}
@media(forced-colors:active) {
  :root[data-theme] .unified-shell {--b1x-bg:Canvas;--b1x-glass:Canvas;--b1x-control:ButtonFace;--b1x-text:CanvasText;--b1x-muted:CanvasText;--b1x-accent:LinkText;--b1x-border:CanvasText;--b1x-border-subtle:CanvasText}
  :root[data-theme=dark] .unified-shell.launch-empty .main {background:Canvas}
}
.project-navigation-row{display:flex;align-items:center;gap:6px;min-width:0;border-radius:8px;padding:3px 6px;transition:background 0.15s ease}
#projects .project-list-row,.project-list-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;padding:6px 8px!important;margin-bottom:4px!important;border-radius:8px!important;background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.05)!important;transition:all 0.15s ease!important}
#projects .project-list-row:hover,.project-list-row:hover{background:rgba(255,255,255,0.06)!important;border-color:rgba(0,217,239,0.2)!important}
#projects .project-list-row.active-project,.project-list-row.active-project{background:rgba(0,217,239,0.12)!important;border-left:3px solid #00d9ef!important;border-color:rgba(0,217,239,0.35)!important}
.project-navigation-row #projects-toggle{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 2px}
#projects .project-item-button,.project-item-button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;background:transparent!important;border:0!important;text-align:left!important;cursor:pointer!important;padding:0!important;white-space:normal!important;overflow:hidden!important}
#projects .project-item-header,.project-item-header{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important}
#projects .project-icon,.project-icon{flex:none!important;font-size:15px!important;line-height:1!important}
#projects .project-name,.project-name{flex:1 1 auto!important;font-size:13px!important;font-weight:600!important;color:var(--b1x-text,#e8f1fa)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important}
#projects .project-folder-badge,.project-folder-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:#00d9ef!important;font-family:var(--b1x-mono,ui-monospace,monospace)!important;opacity:0.9!important;margin-top:3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
.project-navigation-row #new-project{flex:none;width:32px;height:32px;padding:0;font-size:20px;border-radius:8px;background:var(--b1x-control,#102536);color:var(--b1x-text,#e8f1fa);border:1px solid var(--b1x-border,#254052);cursor:pointer}
#projects .project-edit-btn,.project-list-row>button:last-child{flex:none!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:var(--b1x-muted,#8da5b5)!important;cursor:pointer!important;border-radius:6px!important;margin-left:6px!important;transition:all 0.15s ease!important}
#projects .project-edit-btn:hover,.project-list-row>button:last-child:hover{background:rgba(255,255,255,0.12)!important;color:#fff!important}
#project-editor{width:min(580px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:26px;background:var(--b1x-solid,#0a1928);color:var(--b1x-text,#e8f1fa);border:1px solid var(--b1x-border,#254052);border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,0.6)}
#project-editor::backdrop{background:#000a}#project-editor form{display:grid;gap:14px}#project-editor label{display:grid;gap:6px}#project-editor h2,#project-editor p{margin:0}
.project-modal-header{display:grid;gap:4px;margin-bottom:4px}
.project-modal-subtitle{font-size:12px;color:var(--b1x-muted,#8da5b5)}
.folder-input-wrapper{display:flex;align-items:center;background:var(--b1x-control,#102536);border:1px solid var(--b1x-border,#254052);border-radius:8px;overflow:hidden}
.folder-prefix{padding:0 10px;font-family:var(--b1x-mono,ui-monospace,monospace);font-size:12px;color:#00d9ef;background:rgba(0,217,239,0.08);border-right:1px solid var(--b1x-border,#254052);white-space:nowrap}
.folder-input-wrapper input{border:0!important;background:transparent!important}
.field-hint{font-size:11px;color:var(--b1x-muted,#8da5b5);margin-top:2px}
.archetypes-section{display:grid;gap:8px}
.archetypes-section .field-label{font-size:13px;font-weight:500}
.project-archetypes{display:flex;gap:8px;flex-wrap:wrap}
.archetype-chip{padding:6px 12px;font-size:12px;border-radius:7px;border:1px solid var(--b1x-border,#254052);background:var(--b1x-control,#102536);color:inherit;cursor:pointer;transition:all 0.15s ease}
.archetype-chip:hover{border-color:#00d9ef}
.archetype-chip.selected{border-color:#00d9ef;background:rgba(0,217,239,0.18);color:#fff;font-weight:600}
#project-editor input,#project-editor textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--b1x-border,#254052);border-radius:8px;color:inherit;background:var(--b1x-control,#102536)}
.project-editor-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.project-editor-actions button{padding:10px 18px;border-radius:8px;cursor:pointer}.project-editor-actions [type=submit]{background:#00d9ef;color:#06101b;border:0;font-weight:600}
.task-monitor summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-monitor summary>span:first-child{flex:1;min-width:180px}
.task-monitor progress{width:120px;height:7px;accent-color:var(--b1x-accent)}.task-timing{font-size:12px;color:var(--b1x-muted);white-space:nowrap}
.risk-action-dialog {width:min(480px,calc(100vw - 40px));padding:24px;border:1px solid var(--b1x-border,#294452);border-radius:16px;background:var(--b1x-panel,#10212d);color:var(--b1x-text,#edf5fa);box-shadow:0 20px 80px #0008;}
.risk-action-dialog::backdrop {background:#0009;}
.risk-action-dialog h2 {margin-top:0;font-size:20px;}
.risk-action-dialog p {line-height:1.5;overflow-wrap:anywhere;}
.risk-action-buttons {display:flex;justify-content:flex-end;gap:12px;margin-top:24px;}
.risk-action-buttons button {padding:10px 16px;border:1px solid #527381;border-radius:8px;background:#182f3e;color:#eef8ff;cursor:pointer;}
.risk-action-buttons button:focus-visible {outline:2px solid #44e4e6;outline-offset:3px;}
:root[data-theme] #shell .workspace-new-conversation {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  top: calc(100dvh - 68px);
  z-index: 45;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--b1x-border, #64748b);
  border-radius: 14px;
  background: var(--b1x-solid, #15201d);
  color: var(--b1x-text, #e2e8f0);
  box-shadow: 0 3px 12px #00000012;
}
:root[data-theme] #shell .workspace-new-conversation svg { width: 19px; height: 19px; }
:root[data-theme] #shell .workspace-new-conversation:hover { background: var(--b1x-control); }
:root[data-theme] #shell .workspace-new-conversation:focus-visible { outline: 2px solid var(--b1x-text); outline-offset: 3px; }
@media(max-width:700px) {
  :root[data-theme] #shell:not(.no-sidebar) .workspace-new-conversation { visibility: hidden; }
}

.workspace-tool-loading {padding:20px;max-width:580px;margin:24px auto;color:var(--b1x-text);font:13px/1.6 var(--sans);overflow-wrap:anywhere}
.workspace-tool-loading[hidden] {display:none!important}
.workspace-tool-loading button {min-height:44px;padding:8px 14px;background:transparent;color:inherit;border:1px solid var(--b1x-border);border-radius:8px;box-shadow:none}
.workspace-tool-loading button:focus-visible {outline:2px solid var(--b1x-accent);outline-offset:2px}

.conversation-continuity-panel {font-size:13px;line-height:1.6;border-block:1px solid var(--b1x-border);padding-block:14px;margin-block:14px}
.conversation-continuity-panel article {display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--b1x-border)}
.conversation-continuity-panel article>p {flex-basis:100%;margin:0}
.conversation-continuity-panel label {display:flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere}
.conversation-continuity-panel button {min-height:44px;margin:4px;padding:8px 12px;box-shadow:none}
.conversation-continuity-panel :is(button,input):focus-visible {outline:2px solid var(--b1x-accent);outline-offset:2px}

.conversation-continuity-panel pre {max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}