/* Prompt-first workspace; existing tools retain their own view styles. */
.shell {background-image:none;--sidebar:240px;--header:72px}
.main {overflow:auto;min-width:0;display:flex;flex-direction:column}
.topbar {gap:14px;padding:12px 24px}
.topbar .view-mode-switcher {max-width:none}
.launch-empty .topbar .view-mode-switcher,.launch-empty .workspace-subbar {display:none}
.launch-signin {margin-left:auto;background:var(--cyan);color:#03121a;border:0;border-radius:24px;padding:11px 26px;font-weight:700;white-space:nowrap;min-height:44px}
.mobile-brand {display:none}
.topbar #richard-launcher {width:38px;height:38px}
.brand.identity {background:none;border:0;box-shadow:none;padding:8px 0 18px}
.brand.identity img {height:auto;max-height:66px;object-fit:contain}
.sidebar .company {font-size:12px;line-height:1.6;color:var(--muted)}
.sidebar .company small {margin-top:8px}
.launch-home {max-width:1040px;width:100%;margin:0 auto;padding:48px 34px 18px;box-sizing:border-box}
.launch-eyebrow {text-align:center;color:var(--cyan);font:600 11px var(--mono);letter-spacing:2px;margin:5px 0 12px}
.launch-home h1 {font-size:clamp(26px,3vw,40px);line-height:1.2;text-align:center;margin:0 0 28px;color:var(--text)}
.launch-home .composer-area {width:100%;max-width:none;padding:0;margin:0;background:none;position:static;border:0;flex:none}
.launch-home .composer-area>.activity,.launch-home .disclaimer {display:none}
.launch-home .composer {padding:18px;border:1px solid var(--line-active);border-radius:20px;background:var(--panel);min-height:150px;box-shadow:none}
.launch-home #prompt {min-height:74px;height:74px!important;font-size:17px;line-height:1.5;padding:8px;background:transparent}
.composer-toolbar {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.composer-toolbar .composer-hint {display:none}
.composer-toolbar .composer-btn,.composer-toolbar .send {width:44px;min-width:44px;height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.composer-toolbar .icon-2d {width:19px;height:19px}
.composer-toolbar #profile {max-width:230px;min-width:125px;height:44px;flex:0 1 230px;border-radius:24px;padding:0 12px}
.composer-toolbar #composer-voice-btn {margin-left:auto}
.composer-toolbar #send {margin-left:0}
.composer{position:relative}.composer-context{display:flex;gap:6px;flex-wrap:wrap}.context-chip{display:inline-flex;align-items:center;gap:8px;background:var(--raised);border:1px solid var(--line-active);color:var(--text);padding:3px 8px;border-radius:18px;font-size:12px;max-width:100%}.context-chip>span{overflow:hidden;text-overflow:ellipsis}.context-chip button{border:0;background:none;color:var(--muted);padding:4px 6px;cursor:pointer}
.composer-add-menu{position:absolute;top:100%;left:0;margin-top:8px;padding:14px;width:min(330px,calc(100vw - 60px));max-height:55dvh;overflow:auto;background:var(--bg);border:1px solid var(--line-active);border-radius:14px;box-shadow:0 14px 35px #0008;z-index:50}.composer-add-menu h3{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:12px 0 5px}.composer-add-menu button{display:block;text-align:left;width:100%;min-height:40px;background:none;border:0;border-radius:6px;color:var(--text);padding:8px 10px}.composer-add-menu button:hover{background:var(--raised)}
.composer-toolbar .plugin-anchor {display:none}
.composer-add-menu{position:fixed;margin:0;max-height:min(420px,55dvh)}
.context-chip img{width:32px;height:32px;object-fit:cover;border-radius:6px}
.launch-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.launch-tool {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:132px;padding:18px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line-light);color:var(--text);text-align:center;cursor:pointer}
.launch-tool:hover,.launch-tool:focus-visible {border-color:var(--cyan);background:var(--raised)}
.launch-tool svg,.launch-tool img {width:30px;height:30px;color:var(--cyan)}
.launch-tool .icon-2d.sm{width:30px;height:30px}
.plugin-popover{position:fixed!important;left:16px!important;top:80px!important;bottom:auto!important;max-height:calc(100dvh - 100px)!important;height:auto!important;z-index:60!important}
.media-config{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.media-config label{display:flex;flex-direction:column;gap:5px}.media-config select{max-width:320px;padding:10px;background:var(--panel);color:var(--text);border:1px solid var(--line-light);border-radius:8px}
.browser-agent-panel label{display:flex;flex-direction:column;gap:5px;margin:12px 0}.browser-agent-panel input,.browser-agent-panel textarea{padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line-light);border-radius:8px}.browser-agent-panel img{width:100%;margin:15px 0;border-radius:8px}.browser-agent-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:240px;overflow:auto}.browser-agent-panel.expanded{max-width:1100px;width:calc(100vw - 40px)}.browser-agent-panel[data-state=attention]{border-color:var(--amber)}
.launch-tool strong {font-size:17px}
.launch-tool small {font-size:13px;color:var(--muted);line-height:1.4}
.launch-footer {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:11px;color:var(--muted);line-height:1.6;padding:18px 22px;margin-top:auto;border-top:1px solid var(--line);flex:none;text-align:center}
.task-monitor {margin:10px auto 20px;max-width:972px;width:calc(100% - 40px);border:1px solid var(--line-light);border-radius:12px;background:var(--panel);color:var(--text);font-size:13px;flex:none}
.launch-home .task-monitor {width:100%;margin:0}
.task-monitor summary {padding:15px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-monitor[data-state=error] {border-color:var(--amber)}
.monitor-controls {display:flex;gap:8px;flex-wrap:wrap;padding:10px}
.monitor-controls button,.studio-toolbar button,.launch-dialog button {padding:10px 14px;min-height:44px;border:1px solid var(--line-light);border-radius:10px;background:var(--raised);color:var(--text)}
.monitor-controls button[aria-pressed=true] {color:var(--cyan);border-color:var(--cyan)}
.activity-log {max-height:190px;overflow:auto;line-height:1.6;padding:0 28px 15px;word-break:break-word}
.task-monitor.expanded,.code-workbench.expanded {position:fixed;inset:80px 24px 24px;width:auto;max-width:none;margin:0;z-index:45;background:var(--bg);overflow:auto;padding:24px}
.task-monitor.expanded .activity-log {max-height:none}
.launch-dialog {background:var(--bg);color:var(--text);border:1px solid var(--cyan);border-radius:20px;padding:28px;max-width:540px;width:calc(100vw - 36px);max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box}
.launch-dialog::backdrop {background:rgba(0,5,12,.65);backdrop-filter:blur(10px)}
.launch-dialog h2 {margin:10px 0}.launch-dialog p{line-height:1.6}
.launch-dialog .primary {background:var(--cyan);color:#03121a}
.companion-overlay {box-shadow:0 0 38px var(--cyan-glow);text-align:center}
.companion-overlay>img {width:100px;height:100px;margin:12px auto;display:block}
.companion-overlay textarea {width:100%;box-sizing:border-box;min-height:92px;padding:14px;margin:18px 0;color:var(--text);background:var(--raised);border:1px solid var(--line-light);border-radius:12px}
.companion-reply {white-space:pre-wrap;max-height:36vh;overflow:auto;line-height:1.6;text-align:left}
.dialog-close {float:right}.code-workbench{padding:24px;flex:none}
.studio-toolbar {display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.code-workbench textarea {width:100%;min-height:200px;box-sizing:border-box;padding:14px;font:14px/1.6 var(--mono);background:var(--panel);color:var(--text);border:1px solid var(--line-light);border-radius:12px}
.code-workbench iframe {width:100%;height:320px;background:white;border:1px solid var(--line-light);margin-top:15px}
[hidden] {display:none!important}
@media(max-width:1100px){.topbar .breadcrumb,.topbar .connection,.topbar #theme-label{display:none}.topbar .view-mode-switcher{max-width:none}}
@media(max-width:768px){
 .shell {--header:64px}.topbar{padding:8px 14px;gap:9px}.mobile-brand{display:block;width:105px;height:36px;object-fit:contain}.topbar #canvas-toggle,.topbar #inspector-toggle,.topbar #richard-launcher{display:none}
 .topbar .view-mode-switcher{position:fixed;left:0;right:0;top:64px;max-width:none;z-index:20;border-radius:0;background:var(--bg);overflow:visible}
 .shell:not(.launch-empty) .main{padding-top:48px}.launch-signin{padding:9px 15px;font-size:13px}
 .launch-home{padding:22px 16px 18px}.launch-eyebrow{font-size:9px;letter-spacing:1.5px;text-align:center;margin:0 0 10px}
 .launch-home h1{text-align:center;font-size:28px;margin-bottom:20px;max-width:320px}
 .launch-home .composer{padding:12px;min-height:118px;border-radius:16px}.launch-home #prompt{min-height:48px;height:48px!important;font-size:15px;padding:4px}
 .composer-toolbar{gap:6px}.composer-toolbar #profile{font-size:12px;padding:0 6px;min-width:105px;height:32px;flex:1}.composer-toolbar .composer-btn,.composer-toolbar .send{width:32px;min-width:32px;height:32px;padding:0}
 .launch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.launch-tool{min-height:102px;align-items:flex-start;text-align:left;padding:12px;gap:5px;border-radius:12px}.launch-tool strong{font-size:14px}.launch-tool small{font-size:12px}.launch-tool svg,.launch-tool img{width:24px;height:24px}
 .launch-footer{display:flex;flex-direction:column;font-size:10px;gap:2px;padding:12px 16px}.task-monitor summary{font-size:12px;padding:9px 12px}.task-monitor.expanded,.code-workbench.expanded{inset:10px;padding:14px}
}
@media(prefers-reduced-motion:reduce){.companion-overlay{animation:none}*{scroll-behavior:auto!important}}
/* Review refinements: shared activity, voice-first companion and plugin library. */
.composer-area>.task-monitor{width:100%;max-width:none;margin:0 0 10px;box-sizing:border-box}
.composer-area>.activity{display:none}
.composer-toolbar #profile{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%239eb2c7' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.companion-overlay>img{width:min(240px,55vw);height:240px;object-fit:contain;filter:drop-shadow(0 0 18px #00d9ff55)}
.companion-overlay[data-voice=listening]>img,.companion-overlay[data-voice=speaking]>img{animation:agent-breathe 1.6s ease-in-out infinite}
.companion-overlay[data-voice=thinking]>img{animation:agent-breathe 3s ease-in-out infinite}
.companion-overlay .companion-reply{font-size:14px;margin:20px 0;max-height:18vh}.companion-overlay details{text-align:left}.companion-voice-state{color:var(--cyan)}
@keyframes agent-breathe{50%{transform:scale(1.04);filter:drop-shadow(0 0 35px #00d9ffaa)}}
#plugin-popover{left:var(--sidebar,240px)!important;top:72px!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;padding:28px!important;border-radius:0!important;overflow:auto!important;background:var(--bg)!important}
#plugin-popover .plugin-grid{max-height:none!important;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#plugin-popover .plugin-grid.plugin-setup{display:block}#plugin-popover .plugin-filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}#plugin-popover .plugin-filters input{flex:1;min-width:160px}#plugin-popover .plugin-item{width:100%;min-height:88px;margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:16px}#plugin-popover .plugin-state{white-space:normal}
#visual-view{flex:none!important;overflow:visible!important;padding:14px 20px!important}.visual-hero{max-width:1000px;margin:auto;gap:14px}.visual-header-card{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}.visual-header-card .visual-badge{display:none}.visual-composer-box{padding:16px!important}.visual-prompt-row{display:flex;gap:12px}.media-config{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:12px}.media-config label{display:flex;flex-direction:column;gap:6px;min-width:120px}.media-config select{max-width:220px}.media-config p{flex-basis:100%;font-size:12px;color:var(--muted)}.visual-stage-area{min-height:160px!important}.visual-placeholder{padding:20px!important;min-height:120px!important}.visual-placeholder-brain{display:none}.visual-gallery-head,.visual-gallery-grid:empty{display:none}
@media(max-width:768px){#plugin-popover{left:0!important;top:64px!important;padding:18px!important}#plugin-popover .plugin-grid{grid-template-columns:1fr}.visual-prompt-row{flex-direction:column}#visual-view{padding:14px!important}.composer-toolbar #profile{padding-right:26px;background-position:right 7px center}.companion-overlay>img{height:180px;width:180px}}
@media(prefers-reduced-motion:reduce){.companion-overlay>img{animation:none!important}}
#plugin-popover{display:block!important}#plugin-popover[hidden]{display:none!important}#plugin-popover .plugin-grid{flex:none;min-height:0}#plugin-popover .plugin-status{position:static;clear:both;margin:24px 0 12px}#plugin-popover .plugin-item{display:flex;align-items:center;gap:12px}#plugin-popover .plugin-copy{min-width:0;flex:1}#plugin-popover .plugin-state{font-size:10px;max-width:75px}#plugin-popover .plugin-category{min-width:0}
@media(min-width:769px) and (max-width:1100px){#plugin-popover .plugin-grid{grid-template-columns:1fr}}
#visual-view .visual-prompt-row{display:none}.main:has(#visual-view:not([hidden]))>.composer-area{position:static;flex:none;margin-top:10px}.visual-placeholder{min-height:80px!important}.visual-stage-area{min-height:100px!important}