@import url('/web/theme-palettes.css?v=1');
/* Final shared presentation layer. Original controllers and feature IDs remain authoritative. */
:root[data-theme] {--b1x-bg-image:none;--b1x-radius-composer:22px;--b1x-sheen:transparent;--b1x-edge:transparent;--b1x-font:system-ui,-apple-system,"Segoe UI",sans-serif}

/* While the workspace boots, the static markup stays hidden so the legacy
   welcome never flashes before the JS-built home replaces it. */
:root.boot :is(.workspace-subbar,#workspace-view,.composer-area) {display:none!important}






:root[data-theme][data-palette] {--b1x-border:color-mix(in srgb,var(--b1x-text) 9%,transparent);--b1x-border-subtle:color-mix(in srgb,var(--b1x-text) 5%,transparent);--control-fill:var(--b1x-control);--control-ink:var(--b1x-text);--control-hover:var(--b1x-selection);--control-border:var(--b1x-border);--control-accent:var(--b1x-accent);--reading-bg:var(--b1x-solid);--reading-text:var(--b1x-text);--reading-muted:var(--b1x-muted);--reading-accent:var(--b1x-accent);--reading-border:var(--b1x-border);--reading-control:var(--b1x-control)}
:root[data-reading=light] {--reading-bg:#fffdf8!important;--reading-text:#302a24!important;--reading-muted:#71655a!important;--reading-accent:#9a4d32!important;--reading-control:#efece5!important}
:root[data-reading=dark] {--reading-bg:#252936!important;--reading-text:#eeeefa!important;--reading-muted:#babbd0!important;--reading-accent:#ceb2f4!important;--reading-control:#34354b!important}
:root[data-theme] #shell.unified-shell {padding:10px;gap:10px;--sidebar:240px;background:inherit!important}
:root[data-theme] #shell.unified-shell.no-sidebar {--sidebar:0px}
:root[data-theme] #shell.unified-shell :is(.sidebar,.topbar,.workspace-dock) {background:var(--b1x-solid-weak)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:14px}
:root[data-theme] #shell.unified-shell .topbar {background:transparent!important}
:root[data-theme] #shell.unified-shell .main {background:var(--b1x-solid)!important;border-radius:20px}
:root[data-theme] #shell.unified-shell :is(.nav,.launch-tool,.workspace-project-picker,.composer-context-bar) {border-color:transparent!important;box-shadow:none}
:root[data-theme] #shell.unified-shell .new-chat {background:var(--b1x-selection);color:var(--b1x-text);border:0;box-shadow:none;border-radius:10px}
:root[data-theme] #shell.unified-shell .launch-home {background:none!important;padding-top:clamp(28px,7vh,80px)}
.launch-home .launch-eyebrow {letter-spacing:.14em;font-size:10px;color:var(--muted)}
:root[data-theme] #shell.unified-shell .launch-home h1 {font-weight:500;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.04em;line-height:1.2;color:var(--text);text-shadow:none;background:none}
.launch-home h1 span {display:inline!important;color:var(--text)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.launch-home h1 span + span:before {content:' '}
:root[data-theme] .launch-subtitle {font-size:15px;color:var(--muted);margin:12px 0 30px}
.launch-support {display:none}
:root[data-theme] #shell.unified-shell .launch-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
:root[data-theme] #shell.unified-shell .launch-tool {display:inline-flex;align-items:center;gap:8px;min-height:40px;min-width:0;width:auto;padding:8px 13px;background:var(--b1x-solid-weak);border-radius:10px}
.launch-tool small {display:none}
.launch-tool strong {font-size:12px;font-weight:500}
.launch-tool svg {width:17px;height:17px}
.launch-tool .companion-icon-box {width:20px;height:20px;padding:0;background:none;box-shadow:none}
:root[data-theme] #shell.unified-shell .composer-area {background:transparent!important;backdrop-filter:none!important;border:0!important;padding:12px 20px 16px!important}
:root[data-theme] #shell.unified-shell .composer,
:root[data-theme] #shell.unified-shell .composer:is(:focus-within,.expanded,.has-content) {background:var(--b1x-solid)!important;border:1px solid var(--b1x-border)!important;border-radius:22px!important;backdrop-filter:none!important;box-shadow:0 8px 30px color-mix(in srgb,var(--b1x-text) 7%,transparent)!important}
:root[data-theme] #shell.unified-shell .composer:focus-within {border-color:color-mix(in srgb,var(--b1x-accent) 45%,transparent)!important}
:root[data-theme] #shell.unified-shell #prompt {font-size:15px;line-height:1.6;min-height:58px;padding:14px 16px;background:transparent}
:root[data-theme] #shell.unified-shell .composer-toolbar {border:0!important;padding:6px 10px 10px;gap:6px}
:root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .composer-area > :is(.activity,.disclaimer) {display:none!important}
@media(min-width:701px) {
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .composer-area {padding:3px 10px!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact:not(.dock-growing)) .composer-area :is(.activity,.disclaimer) {display:none!important}
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) {padding:5px 8px!important;min-height:48px!important}
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) #prompt {min-height:36px!important;padding:6px 10px!important}
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) .composer-toolbar {padding:0!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact:not(.dock-growing)) .composer-area > .task-monitor {margin:0 0 4px!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact:not(.dock-growing)) .composer-area > .task-monitor > summary {padding:2px 4px!important;font-size:11px;min-height:20px}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact:not(.dock-growing)) .task-monitor summary button {width:24px;min-width:24px;min-height:24px;height:24px;padding:0;font-size:0}
}
:root[data-theme] #shell.unified-shell :is(.composer-btn,#profile) {background:transparent;border:0;box-shadow:none}
:root[data-theme] #shell.unified-shell :is(#profile,.workspace-mode-control select,.workspace-project-picker,.topbar .icon) {color:var(--b1x-text)!important}
:root[data-theme] #shell.unified-shell :is(#profile,.workspace-mode-control select) {background-color:var(--b1x-control)!important}
:root[data-theme] #shell.unified-shell .sidebar .nav {color:var(--b1x-text)!important}
:root[data-theme] #shell.unified-shell .sidebar .nav span {color:inherit!important}
:root[data-theme] #shell.unified-shell :is(button,summary,select,.nav) {transition-property:transform!important;transition-duration:150ms!important}
:root[data-theme] #shell.unified-shell .sidebar .nav svg {color:var(--b1x-muted)}
:root[data-theme] #shell.unified-shell :is(.composer-context-bar,.activity,.composer-size-toggle,.task-controls-toggle,.recent-work button) {color:var(--b1x-muted)!important}
.composer-btn:is(#composer-image-btn,#composer-voice-btn,#send) > span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root[data-theme] #shell.unified-shell .composer-context-bar :is(.context-open,.composer-size-toggle) {font-size:0;min-width:32px;padding:4px}
.composer-context-bar .composer-size-toggle span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.composer-secondary > summary {font-size:0!important;min-width:34px;text-align:center}
.composer-secondary > summary::after {content:'⋯';font:22px/1 system-ui;color:var(--b1x-text)}
:root[data-theme] #shell.unified-shell .task-monitor > summary button {font-size:0;min-width:34px}
:root[data-theme] #shell.unified-shell #send {width:36px;height:36px;min-width:36px;padding:8px;background:var(--cyan);color:var(--on-accent);border-radius:12px;box-shadow:none}
:root[data-theme] #shell.unified-shell .active-inquiry-bar {background:var(--b1x-solid-weak)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
:root[data-theme] #shell.unified-shell :is(.message.assistant.result-card,.arena-card.result-card),
:root[data-theme] #shell.unified-shell #messages .message.assistant {background:var(--reading-bg)!important;color:var(--reading-text);border:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:10px!important}
:root[data-theme] #shell.unified-shell :is(.message-answer-window,.arena-answer-window) {font-size:var(--doc-body-size, 12px);line-height:1.5}
:root[data-answer-style=document] #shell.unified-shell :is(.message-answer-window,.arena-answer-window) {font-family:var(--doc-official-font);font-size:var(--doc-body-size, 12px);line-height:1.5}
:root[data-answer-style=document] #shell.unified-shell .result-card .message-body {font-family:var(--doc-official-font);font-size:var(--doc-body-size, 12px);line-height:1.5}
:root[data-answer-style=focus] #shell.unified-shell .message.assistant {max-width:68ch;margin-inline:auto!important}
:root[data-answer-style=focus] #shell.unified-shell .result-metrics:not(:focus-within):not(:has(details[open])) {opacity:.65}
:root[data-theme] .message-body :is(table,th,td) {border-inline:0!important;border-color:var(--reading-border)!important}
:root[data-theme] .message-body pre {background:var(--reading-control);border:0;border-radius:12px}
.message-body .b1x-inline-image {display:block;max-width:100%;height:auto;border-radius:14px;margin:20px auto}
.artifact-launch,.artifact-card {border:0!important;background:var(--b1x-solid-weak);border-radius:14px;overflow:hidden}
:root[data-theme] #settings {max-width:760px;width:calc(100% - 32px);padding:26px;background:var(--b1x-solid);border:1px solid var(--b1x-border);border-radius:22px;box-shadow:0 24px 100px #0003}
#settings .settings-section {border:0;border-top:1px solid var(--line);background:none;padding-block:20px}
#settings .settings-row {display:flex;gap:20px;align-items:center;justify-content:space-between}
#settings .settings-row > div {min-width:0}
#settings :is(select,input) {max-width:100%;background:var(--b1x-solid-weak);border:1px solid var(--line);border-radius:9px;padding:8px 10px}
#settings .settings-row p {margin:3px 0 10px;font-size:12px;color:var(--muted)}
.release-identity {display:grid;grid-template-columns:140px minmax(0,1fr);gap:9px;margin:16px 0}
.release-identity dt {color:var(--muted)}
.release-identity dd {margin:0;overflow-wrap:anywhere}
.capability-list {list-style:none;padding:0;display:grid;gap:9px}
.capability-list li {display:flex;justify-content:space-between;gap:12px;font-size:12px}
#release-changelog li {margin:8px 0}
:root[data-density=compact] #shell.unified-shell .nav {min-height:30px;padding-block:5px}
:root[data-density=compact] #shell.unified-shell :is(.message-answer-window,.arena-answer-window) {line-height:1.65}
:root[data-text-size=large] #shell.unified-shell :is(.message-answer-window,.arena-answer-window) {font-size:17px}
:root[data-text-size=large] #shell.unified-shell .result-card .message-body {font-size:17px}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid var(--b1x-focus)!important;outline-offset:3px}
@media(max-width:768px) {
 :root[data-theme] #shell.unified-shell {padding:0;gap:0}
 :root[data-theme] #shell.unified-shell .main {border-radius:0}
 :root[data-theme] #shell.unified-shell .launch-home {padding-top:32px}
 :root[data-theme] #shell.unified-shell .composer-area {padding:8px 10px max(12px,env(safe-area-inset-bottom))!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .composer-area {padding:3px 10px max(3px,env(safe-area-inset-bottom))!important}
 :root[data-theme] #shell.unified-shell :is(.composer-btn,#send) {min-height:44px;min-width:44px}
 :root[data-theme] #shell.unified-shell #prompt {font-size:16px}
 :root[data-theme] #shell.unified-shell .composer-toolbar {flex-wrap:nowrap!important;gap:2px;padding:0!important}
 :root[data-theme] #shell.unified-shell .composer-toolbar #profile {flex:1;min-width:75px!important;width:0;max-width:160px;font-size:11px!important;padding-left:7px!important}
 @media(max-width:700px) {
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) {grid-template-columns:minmax(0,1fr);grid-template-rows:34px auto;padding:5px 8px!important}
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) #prompt {grid-column:1;grid-row:1;min-height:30px!important}
 :root[data-theme] #shell.unified-shell #composer.dock-compact:not(.dock-growing) .composer-toolbar {grid-column:1;grid-row:2;flex-wrap:wrap!important;padding:0!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .composer-area > .task-monitor {margin:0 0 4px!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .task-monitor summary {padding:2px 4px!important;font-size:11px}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .task-monitor summary {display:flex!important;flex-wrap:nowrap!important;gap:4px;white-space:nowrap}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .task-monitor summary > span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .task-monitor summary button span {font-size:0!important}
 :root[data-theme] #shell.unified-shell:has(#composer.dock-compact) .task-monitor summary button {font-size:0;padding:0;width:44px;height:44px;min-height:44px;min-width:44px}
 }
 #settings {padding:18px!important}
 #settings .settings-row {flex-wrap:wrap;gap:6px}
 #settings .settings-row select {width:100%;min-height:44px}
 .release-identity {grid-template-columns:110px minmax(0,1fr)}
 .launch-home .launch-grid {gap:6px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active) {button,select,textarea {border:1px solid ButtonText!important} button:focus-visible {outline-color:Highlight!important}}

/* Compact shared chrome; full labels stay in navigation and action menus. */
:root[data-theme] #shell.unified-shell {font-size:13px}
:root[data-theme] #shell.unified-shell .sidebar .nav {font-size:13px;min-height:36px;padding:7px 10px}
:root[data-theme] #shell.unified-shell :is(.dock-panel,.workspace-tool-screen,.code-studio,.studio-workbench) :is(button,select,input) {font-size:12px}
:root[data-theme] #shell.unified-shell :is(.dock-panel,.workspace-tool-screen) p {font-size:12px;line-height:1.65}
:root[data-theme] #shell.unified-shell .composer-model-control {position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--b1x-control);color:var(--b1x-accent)}
:root[data-theme] #shell.unified-shell .composer-model-control #profile {position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;opacity:0;cursor:pointer;padding:0!important}
.composer-model-glyph {display:flex;pointer-events:none}
.composer-model-glyph svg,.mobile-model-choice svg {width:18px;height:18px}
.mobile-model-choice {display:flex;align-items:center;gap:10px}
:root[data-theme] #shell.unified-shell .composer-toolbar :is(.context-open,.composer-size-toggle) {font-size:0!important;width:32px;min-width:32px;height:32px;padding:6px!important;margin:0!important;gap:0}
.composer-toolbar .composer-size-toggle span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root[data-theme] #shell.unified-shell .composer-toolbar svg {width:18px;height:18px;flex-shrink:0}
:root[data-theme] #shell.unified-shell #prompt {font-size:14px;border:0!important;box-shadow:none!important;border-radius:14px}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible {outline-width:1px!important;outline-offset:1px}
.composer-model-control:has(select:focus-visible) {outline:1px solid var(--b1x-focus);outline-offset:2px}
:root[data-theme] #shell.unified-shell .task-monitor > summary {display:flex;align-items:center;flex-wrap:nowrap;gap:6px;font-size:11px;padding:3px 6px;min-height:30px}
.task-monitor > summary > span:first-child {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-monitor > summary .task-timing {display:none}
:root[data-theme] #shell.unified-shell .task-monitor > summary button {border:0!important;box-shadow:none;background:transparent;padding:5px;width:30px;height:30px;min-width:30px;min-height:30px}
.usage-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
:root[data-theme] #shell.unified-shell .company {font-size:11px!important;padding:12px;color:var(--b1x-muted)}
:root[data-theme] #shell.unified-shell .company small {font-size:11px!important}
.usage-details {border:0;background:none;padding:2px;color:var(--b1x-accent);font-size:11px;cursor:pointer}
:root[data-theme] #shell.unified-shell .brand.identity img {max-height:54px;width:132px;filter:grayscale(1);mix-blend-mode:screen}
:root[data-theme=light] #shell.unified-shell .brand.identity img {filter:invert(1) grayscale(1);mix-blend-mode:multiply}
:root[data-theme] #shell.unified-shell :is(.mobile-model-cortex,.cortex-avatar,.cortex-avatar-core,.companion-avatar) {background:var(--b1x-solid-weak)!important;border-color:var(--b1x-border)!important;box-shadow:none!important}
:root[data-theme] #shell.unified-shell :is(.cortex-avatar-img,.mobile-model-cortex img,#companion-avatar-img,.task-window-cortex,.inspector-brain-chip) {filter:grayscale(1);opacity:.9}
.composer-secondary-content {max-width:calc(100vw - 32px)!important;border:1px solid var(--b1x-border)!important;box-shadow:0 12px 32px #0002!important}
@media(max-width:700px) {
 :root[data-theme] #shell.unified-shell .launch-home {padding:24px 18px 10px!important}
 :root[data-theme] #shell.unified-shell .launch-home h1 {font-size:26px!important;line-height:1.2;margin-inline:auto!important}
 .launch-home .launch-eyebrow {display:none}
 :root[data-theme] #shell.unified-shell .launch-subtitle {font-size:13px;margin:10px 0 18px}
 :root[data-theme] #shell.unified-shell #prompt {font-size:16px;min-height:64px!important;padding:10px 12px!important}
 :root[data-theme] #shell.unified-shell .composer-toolbar {display:flex!important;justify-content:flex-end;gap:2px;padding:4px 6px 6px!important}
 :root[data-theme] #shell.unified-shell .composer-toolbar :is(.context-open,.composer-size-toggle,.composer-btn,.composer-model-control,.composer-secondary>summary,#send) {width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px}
 :root[data-theme] #shell.unified-shell .composer-model-control #profile {min-width:0!important}
 :root[data-theme] #shell.unified-shell .task-monitor > summary button {width:32px;min-width:32px;height:32px;min-height:32px}
 .composer-context-bar .composer-project-chip {display:none}
 :root[data-theme] #shell.unified-shell .composer-context-bar {padding:3px 10px!important;min-height:24px}
 :root[data-theme] #shell.unified-shell .composer {border-radius:18px!important}
}
.browser-access {display:flex;flex-direction:column;gap:8px;min-width:0}
.browser-start a{pointer-events:auto;margin:12px 0;color:var(--b1x-accent);font-size:13px}
.browser-settings{width:min(92vw,640px);max-height:85dvh;overflow:auto;padding:22px}
.browser-settings header,.creative-assets header,.creative-asset header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.browser-settings label{display:grid;grid-template-columns:1fr minmax(140px,1fr);align-items:center;gap:10px;margin:12px 0;font-size:13px}
.browser-settings section{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}
.browser-settings p,.browser-settings details,.experience-error{font-size:12px;line-height:1.6}
.browser-settings section button{margin:4px;padding:8px 10px;font-size:12px;border-radius:8px}
.browser-settings input,.browser-settings select{width:100%;min-width:0}
.browser-developer pre,.experience-error pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 ui-monospace,monospace;max-height:180px;overflow:auto}
.experience-error{border:1px solid var(--line);border-left:3px solid var(--b1x-accent);border-radius:10px;padding:12px;margin:8px 0}
.experience-error p{margin:6px 0}.experience-error[hidden]{display:none!important}
.creative-options,.creative-document-editor{font-size:12px;margin:6px 0}
.creative-options>summary,.creative-document-editor>summary{cursor:pointer;padding:5px 0;color:var(--muted)}
.creative-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}
.creative-controls label{display:grid;gap:4px;font-size:11px}
.creative-controls label[hidden],.creative-document-editor[hidden],.creative-asset-preview[hidden],.creative-assets[hidden]{display:none!important}
.creative-controls :is(input,select),.creative-document-editor :is(input,textarea){width:100%;min-width:0;font:12px/1.5 var(--b1x-font,system-ui);padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}
.creative-document-editor textarea{display:block;resize:vertical;margin:8px 0}
.creative-document-editor button{padding:6px 9px;font-size:12px;margin:3px}
.creative-assets{padding:10px 12px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
.creative-assets>header{font-size:12px;margin-bottom:8px}
.creative-asset-list{display:grid;gap:8px;max-height:340px;overflow:auto}
.creative-asset{border-top:1px solid var(--line);padding:8px 0;min-width:0}
.creative-asset header{font-size:12px;flex-wrap:wrap}.creative-asset header div{display:flex;gap:6px}
.creative-asset button{font-size:11px;padding:5px 8px;border-radius:7px}
.creative-asset>p{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.creative-asset small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.creative-thumbnail{display:block;height:120px!important;max-width:100%;object-fit:contain;border-radius:9px;margin-top:8px}
.creative-asset :is(audio,video){width:100%;max-height:180px;margin-top:8px}
.creative-asset-preview{max-height:320px;overflow:auto;margin-top:8px}
@media(max-width:600px){.creative-controls{grid-template-columns:1fr}.browser-settings label{grid-template-columns:1fr}.creative-asset-list{max-height:260px}.creative-assets{padding:8px}.creative-asset header{align-items:flex-start}}
.browser-tabs {display:flex;align-items:center;gap:5px;overflow:auto;padding:3px 0}
.browser-tab {display:flex;align-items:center;background:var(--b1x-solid-weak);border-radius:8px;flex:0 0 auto}
.browser-tab button[role=tab] {max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:8px}
.browser-tab button[aria-selected=true] {color:var(--b1x-accent);font-weight:600}
.browser-addressbar {display:flex;align-items:center;gap:4px;padding:4px;background:var(--b1x-solid-weak);border-radius:11px}
.browser-addressbar input {flex:1;min-width:0!important;width:0;border:0!important;background:transparent!important;padding:8px!important;font-size:12px}
.browser-action,.composer-access {display:inline-flex;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:var(--b1x-muted);width:32px;min-width:32px;height:32px;padding:6px;cursor:pointer;border-radius:9px;flex-shrink:0}
.browser-action svg,.composer-access svg {width:18px;height:18px}
.browser-back svg {transform:rotate(180deg)}
.browser-viewport {position:relative;min-height:360px;height:60vh;border-radius:12px;overflow:hidden;background:var(--b1x-solid-weak)}
.browser-viewport iframe {width:100%;height:100%;border:0;background:white}
.browser-start {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;pointer-events:none}
.browser-start[hidden],.browser-viewport iframe[hidden],.browser-action[hidden] {display:none!important}
.browser-start strong {font-size:18px;font-weight:500}
.browser-status,.browser-access-note p,.browser-bookmarks p {font-size:11px!important;color:var(--b1x-muted);line-height:1.6}
.browser-access-note summary,.browser-bookmarks summary,.browser-agent-tools>summary {font-size:12px;padding:8px 0;cursor:pointer;color:var(--b1x-muted)}
.browser-bookmark {display:flex;align-items:center;justify-content:space-between;gap:8px}
.browser-bookmark>button:first-child {border:0;background:none;padding:8px;text-align:left;color:var(--b1x-text)}
.composer-access-dialog {width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:24px;background:var(--b1x-solid);color:var(--b1x-text);border:1px solid var(--b1x-border);border-radius:18px;font-size:13px}
.composer-access-dialog p {font-size:12px;line-height:1.7;color:var(--b1x-muted)}
.composer-access-dialog textarea {width:100%;min-height:90px;padding:10px;background:var(--b1x-solid-weak);color:var(--b1x-text);border:1px solid var(--b1x-border);border-radius:10px;box-sizing:border-box}
.composer-access-dialog select,.composer-access-dialog button {font-size:12px;padding:9px;margin:5px 4px 5px 0;border:0;border-radius:8px;background:var(--b1x-control);color:var(--b1x-text)}
.composer-access-dialog label {display:block;font-size:12px;margin:8px 0}
:root[data-theme=light] #shell.unified-shell :is(.cortex-avatar-img,.mobile-model-cortex img,#companion-avatar-img,.task-window-cortex,.inspector-brain-chip) {filter:grayscale(1) brightness(.48);opacity:1}
:root[data-theme] .cortex-companion .cortex-control::before {background:radial-gradient(circle,color-mix(in srgb,var(--b1x-accent) 16%,var(--b1x-solid-strong)),var(--b1x-solid-strong) 70%)!important;border-color:var(--b1x-accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--b1x-accent) 25%,transparent)!important}
:root[data-theme] .cortex-companion .cortex-control img {filter:grayscale(1) drop-shadow(0 0 4px var(--b1x-accent))!important}
:root[data-theme=light] .cortex-companion .cortex-control img {filter:grayscale(1) brightness(.48)!important}
.composer-access-dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--b1x-solid-weak);font-size:12px;border-radius:10px}
:root[data-theme] #shell .code-studio .cs-icon-action {display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;border:0;background:transparent;color:var(--b1x-text)}
.cs-icon-action svg {width:18px;height:18px}
.cs-icon-action.cs-undo svg {transform:rotate(180deg)}
.cs-file-actions,.cs-assistant-actions {gap:5px!important}
.cs-eyebrow,.cs-storage-note {display:none}
:root[data-theme] #shell .code-studio .cs-empty h3 {font-size:21px;font-weight:500}
:root[data-theme] #shell .code-studio .cs-empty p {font-size:13px;line-height:1.7}
@media(max-width:700px){:root[data-theme] #shell .code-studio .cs-icon-action {width:44px;min-width:44px;height:44px;min-height:44px}}

/* One compact action row, with focus on the whole writing surface. */
:root[data-theme] #shell.unified-shell .composer-context-bar {display:none!important}
:root[data-theme] #shell.unified-shell #prompt:is(:focus,:focus-visible) {outline:none!important;border:0!important;box-shadow:none!important}
:root[data-theme] #shell.unified-shell .composer:has(#prompt:focus-visible) {outline:none!important;border-color:var(--b1x-focus)!important}
:root[data-theme] #shell.unified-shell .composer-toolbar {gap:3px!important;padding:3px 8px 7px!important;align-items:center;justify-content:flex-end}
:root[data-theme] #shell.unified-shell .composer-toolbar :is(.composer-btn,.context-open,.composer-size-toggle,.composer-access,.composer-model-control,.composer-secondary>summary,#send) {width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;flex:0 0 30px!important;padding:6px!important;border-radius:9px}
:root[data-theme] #shell.unified-shell .composer-toolbar :is(svg,.composer-model-glyph svg) {width:16px!important;height:16px!important}
:root[data-theme] #shell.unified-shell #prompt {min-height:46px!important;padding:11px 14px!important}
:root[data-theme] #shell.unified-shell .composer-secondary>summary::after {font-size:19px}
:root[data-theme] #shell.unified-shell .composer-toolbar .context-open > :not(svg) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root[data-theme] #shell.unified-shell .composer-toolbar .composer-access {margin-left:auto!important}
:root[data-theme] #shell.unified-shell .composer-toolbar :is(.composer-model-control,#send) {margin-left:0!important}
:root[data-theme] #shell.unified-shell #richard-launcher {background:var(--b1x-solid-weak)!important;border:1px solid var(--b1x-border)!important;box-shadow:none!important;filter:none!important}
:root[data-theme] #shell.unified-shell #richard-launcher img {filter:grayscale(1)!important;opacity:1}
:root[data-theme=light] #shell.unified-shell #richard-launcher img {filter:grayscale(1) brightness(.48)!important}
:root[data-theme] #shell.unified-shell #richard-launcher::before,:root[data-theme] #shell.unified-shell #richard-launcher::after {box-shadow:none!important;border-color:var(--b1x-accent)!important}
:root[data-theme] #shell.unified-shell .sidebar .nav {font-weight:450}
@media(max-width:700px){
 :root[data-theme] #shell.unified-shell .composer-toolbar {gap:2px!important;padding:3px 6px 7px!important;flex-wrap:nowrap!important}
 :root[data-theme] #shell.unified-shell .composer-toolbar :is(.composer-btn,.context-open,.composer-size-toggle,.composer-access,.composer-model-control,.composer-secondary>summary,#send) {width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex:0 0 32px!important}
 :root[data-theme] #shell.unified-shell #prompt {min-height:52px!important;padding:10px 12px!important}
}
@media(max-width:700px) {
 .browser-addressbar {flex-wrap:wrap}
 .browser-addressbar input {min-width:calc(100% - 110px)!important;order:-1;height:32px}
 .browser-action,.composer-access {width:44px;min-width:44px;height:44px}
 .browser-viewport {min-height:320px;height:55vh}
}

/* Theme-tinted artwork: one palette for the mark, neural detail and ambient halo. */
:root[data-theme] #shell.unified-shell :is(.brand.identity img,.cortex-avatar-img,.mobile-model-cortex img,#companion-avatar-img,.task-window-cortex,.inspector-brain-chip,#richard-launcher img),
:root[data-theme] .cortex-companion .cortex-control img {
  filter:hue-rotate(var(--brand-hue,0deg))!important;
  mix-blend-mode:normal!important;
  opacity:1;
}
:root[data-theme] #shell.unified-shell #richard-launcher {
  background:radial-gradient(circle,color-mix(in srgb,var(--b1x-accent) 12%,var(--b1x-solid)),var(--b1x-solid-weak) 72%)!important;
  border-color:color-mix(in srgb,var(--b1x-accent) 18%,transparent)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--b1x-accent) 10%,transparent)!important;
}
:root[data-theme] #shell.unified-shell #richard-launcher::before,
:root[data-theme] #shell.unified-shell #richard-launcher::after {
  background:transparent!important;
  border-color:color-mix(in srgb,var(--b1x-accent) 24%,transparent)!important;
}
:root[data-theme] #shell.unified-shell .composer-toolbar :is(#composer-live-audio,#composer-voice-btn,.composer-size-toggle) {margin-left:0!important}

/* Preserve white brand lettering and luminous highlights in every palette. */
:root[data-palette=studio] {--brand-hue:-35deg}
:root[data-palette=paper] {--brand-hue:185deg}
:root[data-palette=slate] {--brand-hue:75deg}
:root[data-theme] #shell.unified-shell .brand.identity img {
  filter:hue-rotate(var(--brand-hue,0deg))!important;
  mix-blend-mode:normal!important;
}
:root[data-theme] #shell.unified-shell :is(.cortex-avatar-img,.mobile-model-cortex img,#companion-avatar-img,.task-window-cortex,.inspector-brain-chip,#richard-launcher img),
:root[data-theme] .cortex-companion .cortex-control img {
  filter:hue-rotate(var(--brand-hue,0deg)) drop-shadow(0 0 6px color-mix(in srgb,var(--b1x-accent) 65%,transparent))!important;
  opacity:1;
}
:root[data-theme] #shell.unified-shell #richard-launcher,
:root[data-theme] .cortex-companion .cortex-control::before {
  box-shadow:0 0 12px color-mix(in srgb,var(--b1x-accent) 45%,transparent),0 0 30px color-mix(in srgb,var(--b1x-accent) 28%,transparent)!important;
}

/* Quiet, consistent headers across the existing workspace controllers. */
:root[data-theme] #shell.unified-shell .workspace-tool-screen>header {padding:14px 20px;gap:16px;align-items:center}
:root[data-theme] #shell.unified-shell .workspace-tool-screen>header h1 {font-size:20px;line-height:1.3;margin:0;flex:1;min-width:0}
:root[data-theme] #shell.unified-shell .workspace-tool-screen>header .nav {width:auto;flex:0 0 auto;font-size:12px;background:transparent!important}
:root[data-theme] #shell.unified-shell .workspace-tool-screen>iframe {border:0!important;border-radius:12px}
:root[data-theme] #shell.unified-shell .dock-panel[aria-label="Files"] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
:root[data-theme] #shell.unified-shell .dock-panel[aria-label="Files"][hidden] {display:none!important}
:root[data-theme] #shell.unified-shell .dock-panel[aria-label="Files"]>:is(h2,input,textarea,select,p,div) {grid-column:1/-1;margin:0}
:root[data-theme] #shell.unified-shell .dock-panel[aria-label="Files"]>button {margin:0;width:100%;min-width:0;padding:8px;font-size:12px}
:root[data-theme] #shell.unified-shell .dock-panel[aria-label="Files"]>h2 {font-size:17px;margin-bottom:8px}
:root[data-theme] #shell.unified-shell .companion-avatar-wrap {border-color:var(--b1x-accent)!important;box-shadow:0 0 24px color-mix(in srgb,var(--b1x-accent) 50%,transparent),0 0 55px color-mix(in srgb,var(--b1x-accent) 24%,transparent)!important}

/* Visual Studio: canvas first, with a single integrated creation surface. */
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .workspace-subbar {display:none!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] #visual-view {padding:24px clamp(16px,4vw,56px)!important;flex:1!important;min-height:0;overflow:auto!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-hero {max-width:1100px;min-height:100%;display:flex;flex-direction:column;gap:20px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-header-card {text-align:left;margin:0!important;padding:0!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-header-card h2 {font-size:24px;font-weight:550;letter-spacing:-.035em;margin:0 0 6px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-header-card p {font-size:13px;margin:0;color:var(--b1x-muted)}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-stage-area {flex:1;min-height:280px!important;border:1px solid var(--b1x-border)!important;border-radius:16px;overflow:hidden;background:var(--b1x-solid-weak)!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-placeholder {min-height:280px!important;height:100%;display:grid;place-items:center;border:0!important;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--b1x-accent) 5%,transparent),transparent 70%)!important;border-radius:0;padding:32px!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-placeholder p {font-size:14px;color:var(--b1x-muted);margin:0}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .composer-area {position:static!important;flex:none;margin:0!important;padding:0!important;width:100%}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .composer {border-radius:16px!important;box-shadow:0 6px 24px #00000008!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .composer .visual-composer-box {border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0;padding:0 14px 6px!important;margin:0}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config {margin:0;gap:8px 16px;align-items:center}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config label {flex-direction:row;align-items:center;min-width:0;font-size:11px;gap:6px;color:var(--b1x-muted)}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config select {height:30px;min-height:30px;padding:4px 8px;max-width:210px;font-size:12px;border:0!important;background:var(--b1x-control)!important;border-radius:8px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config p {margin:3px 0;font-size:11px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-controls-bar {margin:6px 0 0;gap:10px;flex-wrap:wrap;justify-content:flex-start}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-pills-group {gap:4px;flex-wrap:wrap}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .ratio-pill {font-size:11px;padding:5px 9px;min-height:28px;border:0!important;background:transparent!important;color:var(--b1x-muted)!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .ratio-pill.active {background:var(--b1x-selection)!important;color:var(--b1x-accent)!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-pills-label {font-size:10px;letter-spacing:.04em;color:var(--b1x-muted)}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .disclaimer {font-size:10px;margin:8px 0 0;opacity:.8}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-active-card {height:100%;border:0!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-card-frame img {max-height:50vh;object-fit:contain}
@media(max-width:600px){
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] #visual-view {padding:16px 12px!important}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-hero {gap:14px}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-header-card h2 {font-size:21px}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] :is(.visual-stage-area,.visual-placeholder) {min-height:190px!important}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config label {flex:1 1 120px;flex-direction:column;align-items:flex-start}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config select {width:100%;max-width:100%;height:36px}
}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-controls-bar>.context-open {font-size:0;padding:6px;min-width:30px;height:30px;min-height:30px;border:0!important;background:transparent!important;margin-left:auto}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-controls-bar>.context-open svg {width:16px;height:16px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .ratio-pill {box-shadow:none!important;min-width:46px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config #media-model {min-width:140px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-composer-box .visual-prompt-row {display:none!important}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] :is(.visual-placeholder,.visual-active-card)[hidden] {display:none!important}
/* Keep the creation controls visible on shorter desktop windows. */
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .main>.launch-footer {display:none}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] :is(.visual-stage-area,.visual-placeholder) {box-sizing:border-box}
@media(min-width:701px) and (max-height:850px){
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] #visual-view {padding-top:16px!important;padding-bottom:16px!important}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-hero {gap:12px;min-height:0}
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] :is(.visual-stage-area,.visual-placeholder) {min-height:clamp(140px,calc(100dvh - 470px),280px)!important}
}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-stage-area {padding:0!important}
@media(min-width:701px) and (max-height:850px){
 :root[data-theme] #shell.unified-shell[data-view-mode=visual] :is(.visual-stage-area,.visual-placeholder) {min-height:clamp(120px,calc(100dvh - 510px),260px)!important}
}
/* Dark optical core keeps white-hot nerves legible in every palette. */
:root[data-theme] .cortex-companion .cortex-control {filter:none!important}
:root[data-theme] .cortex-companion .cortex-control::before {
 background:radial-gradient(circle,#10282c,#050d12 74%)!important;
 inset:10px;animation:none!important;opacity:1;border:0!important;
 box-shadow:0 0 20px color-mix(in srgb,var(--b1x-accent) 65%,transparent),0 0 48px color-mix(in srgb,var(--b1x-accent) 35%,transparent)!important;
}
:root[data-theme] .cortex-companion .cortex-control img {
 transform:scale(1.12);border-radius:50%;
 filter:hue-rotate(var(--brand-hue,0deg)) drop-shadow(0 0 5px color-mix(in srgb,var(--b1x-accent) 50%,transparent))!important;
}
@media(prefers-reduced-motion:reduce){:root[data-theme] .cortex-companion .cortex-control img{transform:none}}
.creative-asset-list[hidden]{display:none!important}
.creative-assets>header button{font-size:11px;padding:5px 8px;border-radius:7px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-composer-box>.creative-options,
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-composer-box>.creative-document-editor,
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-composer-box>.experience-error{grid-column:1/-1;width:100%;min-width:0}
.creative-document-editor[open]{max-height:310px;overflow:auto}