/* Studio: the agreed quiet, artifact-first workspace. Legacy operational views remain available. */
.studio-mode{--text:#242629;--muted:#696f78;--line:#e7e8eb;--sidebar:#f7f7f8;--soft:#f4f5f6;--accent:#477c70;font-size:13px;background:#fff;color:var(--text)}
.studio-mode .sidebar{width:206px;padding:18px 10px 12px;background:var(--sidebar);border-color:var(--line)}
.studio-mode .main-shell{margin-left:206px}.studio-mode .wordmark{font-size:15px;font-weight:500;gap:9px;margin:0 9px 28px}.studio-mode .brand-mark{width:25px;height:25px;font-size:13px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:7px}.studio-mode .workspace-tag{display:none}.studio-mode #new-session{display:none}
.studio-mode #nav a{display:flex;gap:9px;align-items:center;padding:9px 10px;font-size:12px;border-radius:5px;color:var(--text);text-decoration:none}.studio-mode #nav a:hover,.studio-recent:hover,.studio-tree-link:hover{background:#eeeff1}.studio-mode .sidebar-heading{padding:24px 10px 8px;font-size:11px;text-transform:none;letter-spacing:0}.studio-project summary{font-size:12px;padding:6px 8px;cursor:pointer}.studio-project a{color:inherit;text-decoration:none}.studio-project summary a{display:inline}.studio-tree{margin:6px 0 7px 16px;border-left:1px solid var(--line);padding-left:7px}.studio-tree-node .studio-tree-node{padding-left:12px}.studio-tree-link{display:block;font-size:12px;padding:8px 7px;border-radius:5px;overflow-wrap:anywhere}.studio-recent{display:block;padding:10px;border-radius:6px;color:inherit;text-decoration:none;font-size:12px;line-height:1.5}.studio-recent small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.studio-tools{font-size:11px;color:var(--muted);margin:22px 10px}.studio-tools summary{cursor:pointer}.studio-tools a{display:block;padding:8px 0;color:var(--muted);text-decoration:none}.studio-mode .sidebar-footer{font-size:11px;border:0;padding:20px 10px 2px}.studio-mode .avatar{background:#eeeff1;color:var(--muted);width:25px;height:25px}
.studio-mode .topbar{height:53px;padding:0 23px;gap:12px;border-color:var(--line)}.studio-mode #breadcrumb{flex:1;font-size:12px;gap:10px;min-width:0}.studio-mode #refresh-status{display:none}.studio-mode #refresh{font-size:16px}.studio-mode button{font-size:11px;border-radius:5px;padding:6px 10px;cursor:pointer}.studio-mode .primary{background:#242629;color:white;border-color:#242629}.studio-mode button:disabled{opacity:.45;cursor:default}.studio-mode button:focus-visible,.studio-mode a:focus-visible,.studio-mode select:focus-visible,.studio-node:focus-visible{outline:2px solid #477c70;outline-offset:3px}.studio-mode .icon{width:14px;height:14px;stroke-width:1.5}.studio-main{min-width:0}.studio-projectbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:12px}.studio-projectbar>div{display:flex;gap:10px;align-items:center}.studio-projectbar a{color:inherit;text-decoration:none}.studio-projectbar>div>span{color:var(--muted)}.studio-projectbar nav{display:flex;gap:23px}.studio-projectbar nav a{padding:17px 0 15px;color:var(--muted);border-bottom:2px solid transparent}.studio-projectbar nav a.selected{border-color:var(--text);color:var(--text)}
.studio-small,.studio-file{font-size:11px;color:var(--muted);line-height:1.5}.studio-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.studio-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studio-page-title{padding:23px}.studio-page-title h1,.studio-workhead h1{font-size:18px;font-weight:500;letter-spacing:-.35px;margin:0 0 8px}.studio-worklist{padding:0 24px}.studio-workrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;min-width:0}.studio-workrow strong{font-size:13px;font-weight:400}.studio-workrow small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.studio-workrow p{font-size:12px;margin:9px 0 0;overflow-wrap:anywhere}.studio-workrow:hover strong{color:var(--accent)}.studio-status{font-size:11px;color:var(--muted);white-space:nowrap}.studio-list-tools{display:flex;justify-content:flex-end;padding:15px 24px 0}.studio-more{display:block;margin:20px auto}.studio-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.studio-empty strong{font-weight:500;color:var(--text)}.studio-empty p{max-width:470px;margin:8px auto}.studio-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 53px)}.studio-body.conversation-open{grid-template-columns:minmax(0,1fr) 280px}.studio-content{min-width:0}.studio-workhead{padding:20px 23px;border-bottom:1px solid var(--line)}.studio-back{font-size:11px;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:14px}.studio-workhead .studio-row{align-items:flex-start}.studio-avatar{display:inline-grid;place-items:center;width:17px;height:17px;background:#eeeff1;border-radius:50%;font-size:9px;margin-right:7px}.studio-artifactbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--line)}.studio-tabs{display:flex;gap:4px}.studio-tabs button{display:flex;gap:6px;align-items:center;border:0;background:transparent;color:var(--muted)}.studio-tabs button[aria-pressed=true]{background:#eeeff1;color:var(--text)}.studio-mode select{font-size:11px;padding:5px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:5px}.studio-artifactbar select{border:0;max-width:240px}.studio-artifactbar button[aria-pressed=true]{background:#eeeff1}.studio-viewer{padding:15px 16px}.studio-filebar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.studio-filebar select{max-width:80%;border:0;padding-left:0;color:var(--muted)}.studio-comparebar{padding:9px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);flex-wrap:wrap}.studio-comparebar label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}.studio-cad{border:1px solid var(--line);border-radius:7px;background:linear-gradient(160deg,#fff,#f7f8f9);overflow:hidden}.studio-cad canvas{display:block;width:100%;height:clamp(310px,52vh,600px);touch-action:none;cursor:grab}.studio-mesh-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.studio-mesh-tools label{font-size:11px;display:flex;align-items:center;gap:6px;margin:0;max-width:60%}.studio-mesh-tools button{border:0;background:none;color:var(--muted)}.studio-caption,.studio-workfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:10px}.studio-caption button{border:0;padding:4px;display:flex;gap:6px;align-items:center}.studio-workfoot{margin:0;padding:8px 20px;border-top:1px solid var(--line)}.studio-workfoot button{border:0;color:var(--muted)}
.studio-code{border:1px solid var(--line);border-radius:7px;overflow:auto;max-height:65vh;padding:14px 0;min-height:350px}.studio-code-line{display:grid;grid-template-columns:35px 35px 16px minmax(0,1fr);gap:3px;width:100%;border:0!important;border-radius:0!important;padding:4px 10px!important;background:white;text-align:left;font:12px/1.8 ui-monospace,SFMono-Regular,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}.studio-code-line>span{color:var(--muted);text-align:right}.studio-code-line code{font:inherit;white-space:pre-wrap;min-width:0}.studio-code-line.add{background:#eff7f1}.studio-code-line.remove{background:#fbefed}.studio-code-line:hover{box-shadow:inset 0 0 0 1px #bbc3cd}.studio-code h2{font-size:12px;font-weight:500;padding:0 16px}.studio-checks{width:100%;border-collapse:collapse;font-size:12px;margin-top:20px}.studio-checks th{font-size:11px;color:var(--muted);text-align:left;font-weight:400}.studio-checks td,.studio-checks th{padding:14px 8px;border-bottom:1px solid var(--line)}.studio-checks small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.studio-checks+p{margin:20px 8px}
.studio-conversation{border-left:1px solid var(--line);padding:18px 15px;display:flex;flex-direction:column;min-width:0}.studio-threadhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:15px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.studio-threadhead small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.studio-threadhead button{border:0;font-size:18px;padding:0 4px}.studio-messages{padding-top:8px;max-height:60vh;overflow:auto}.studio-messages article{margin:16px 0 25px}.studio-author{font-size:11px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.studio-author time{color:var(--muted);font-size:10px}.studio-messages p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.studio-messages small{color:var(--accent);font-size:11px}.studio-conversation form{margin-top:auto;padding-top:22px}.studio-conversation textarea{width:100%;min-height:95px;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px;line-height:1.6;resize:vertical}.studio-conversation .studio-row{margin-top:10px}.studio-conversation .studio-mention-picker{margin:0}.studio-mention-picker select{border:0}.studio-mentioned{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.studio-mentioned button{font-size:10px;padding:3px 5px}.studio-share-files>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.studio-share-files small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.studio-structure{padding:23px}.studio-map{overflow:auto;max-width:100%;margin-top:8px}.studio-map svg{display:block;margin:auto;max-width:none}.studio-edge{fill:none;stroke:#d8dce2;stroke-width:1.2}.studio-node{cursor:pointer}.studio-node rect{fill:#fff;stroke:#dfe2e7;stroke-width:1}.studio-node text{fill:var(--text);font:12px system-ui;pointer-events:none}.studio-node .studio-node-meta{fill:var(--muted);font-size:10px}.studio-node:hover rect,.studio-node:focus rect{stroke:var(--accent);fill:#f9fbfa}.studio-component-detail{border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted)}.studio-component-detail strong{color:var(--text);font-size:12px;font-weight:500}.studio-component-detail a{color:var(--text)}.studio-component-detail .studio-worklist{padding:0}.studio-component-detail>.studio-small{margin-top:12px}
@media(max-width:1024px){.studio-body.conversation-open{grid-template-columns:minmax(0,1fr)}.studio-conversation{border-left:0;border-top:1px solid var(--line)}.studio-conversation form{max-width:650px}.studio-messages{max-height:none}.studio-mesh-tools label{max-width:100%}}
@media(max-width:760px){.studio-mode .sidebar{width:206px}.studio-mode .main-shell{margin-left:0}.studio-mode .topbar{padding:0 12px}.studio-workhead{padding:18px 16px}.studio-artifactbar{padding:8px}.studio-viewer{padding:12px}.studio-projectbar{gap:8px}.studio-projectbar nav{gap:14px}.studio-projectbar>div{gap:6px;flex-wrap:wrap}.studio-structure{padding:16px}.studio-map svg{width:100%;min-width:550px}.studio-mode .sidebar.open{z-index:20}.studio-workrow{align-items:flex-start}.studio-workrow .studio-status{white-space:normal}.studio-artifactbar .studio-actions{width:100%;justify-content:flex-end}.studio-code-line{font-size:11px!important;grid-template-columns:25px 25px 12px minmax(0,1fr)}.studio-mode input,.studio-mode textarea{font-size:16px}.studio-body{min-height:0}.studio-worklist{padding:0 16px}.studio-filebar select{max-width:75%}.studio-mode #breadcrumb{font-size:11px}.studio-mode .topbar-right{display:none}}
@media(prefers-reduced-motion:reduce){.studio-mode *{scroll-behavior:auto;transition:none}}

.studio-projectbar nav a{border-radius:0}.studio-code-source{margin-bottom:10px;overflow-wrap:anywhere}.studio-code-line.selected{box-shadow:inset 3px 0 #477c70;background:#edf4f2}
/* UX follow-up: compact context, aligned work rows, discoverable discussions. */
#studio-live-notice[hidden]{display:none}#studio-live-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:#f3f7f5;border-bottom:1px solid var(--line);font-size:12px;color:#31594e}
.studio-workcolumns,.studio-workgridrow{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(140px,1.4fr) minmax(90px,.65fr);gap:18px;align-items:center}.studio-workcolumns{padding:18px 0 9px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.studio-workgridrow{padding:16px 0}.studio-owner,.studio-scope,.studio-workgridrow .studio-status{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.studio-scope{color:var(--muted)}.studio-workgridrow small{font-size:11px;margin-top:2px}.studio-workhead .studio-small{font-size:12px}.studio-purpose{margin:0 0 8px;color:var(--muted);font-size:12px;max-width:70ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-revision-note{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);min-width:0}.studio-revision-note>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-revision-note button{background:none;border:0;color:var(--muted);flex-shrink:0}.studio-comparebar label{flex-direction:row}.studio-filebar select{font-size:12px}.studio-code-line{grid-template-columns:35px 35px 16px minmax(0,1fr) auto}.studio-line-comments{display:flex;align-items:center;gap:3px;color:#31594e!important;font:11px system-ui}.studio-discussion-list button{display:block;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 4px}.studio-discussion-list small{display:block;color:var(--muted);margin-top:5px}.studio-return{display:none}.studio-threadhead>div:last-child{display:flex;align-items:center;gap:10px}.studio-threadhead{position:sticky;top:65px;background:#fff;z-index:1}.studio-conversation{scroll-margin-top:65px}.studio-mesh-tools>span{overflow-wrap:anywhere;max-width:65%}
@media(max-width:1100px){.studio-workcolumns,.studio-workgridrow{grid-template-columns:minmax(150px,1.7fr) minmax(90px,1fr) minmax(110px,1.2fr) minmax(80px,.8fr);gap:12px}}
@media(max-width:1024px){.studio-return{display:block!important;font-size:12px!important}.studio-purpose{max-width:55ch}}
@media(max-width:760px){.studio-workcolumns{display:none}.studio-workgridrow{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.studio-workgridrow strong{grid-column:1;grid-row:1}.studio-workgridrow .studio-status{grid-column:2;grid-row:1/4}.studio-owner,.studio-scope{grid-column:1}.studio-purpose{white-space:normal;max-width:100%}.studio-code-line{grid-template-columns:25px 25px 12px minmax(0,1fr) auto}.studio-mesh-tools>span{max-width:100%}#studio-live-notice{padding:8px 12px}.studio-revision-note{gap:4px;padding:8px 12px}}

/* Public sample: explain the incoming agent request in the work context. */
/* Keep the decision and artifact visible; supporting context opens on demand. */
.studio-workhead{padding:14px 23px}.studio-back{margin-bottom:9px}.studio-workhead h1{margin-bottom:5px}
.studio-request{padding:13px 23px;background:#f1f5f1;border-bottom:1px solid #d6dfd6}
.studio-request-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#526953}
.studio-request-main{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:7px 0 8px}
.studio-request h2{font-size:16px;font-weight:500;margin:0 0 4px}.studio-request-main p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.studio-request-main>button{flex-shrink:0}.studio-request-details summary{font-size:11px;color:#526953;cursor:pointer;width:fit-content;padding:4px 0}
.studio-request-details dl{margin:12px 0;display:grid;gap:7px}.studio-request-details dl>div{display:grid;grid-template-columns:65px 1fr;gap:12px;font-size:12px;line-height:1.6}
.studio-request-details dt{color:var(--muted)}.studio-request-details dd{margin:0;max-width:780px}.studio-request-actions{display:flex;gap:8px;margin-top:10px}
.studio-request-details .studio-small{font-size:10px}.studio-viewer{scroll-margin-top:110px}.studio-mesh-tools{justify-content:flex-end;margin-bottom:6px}.studio-filebar{margin-bottom:4px}
@media(max-width:600px){.studio-request{padding:12px 16px}.studio-request-main{align-items:flex-start;flex-wrap:wrap;gap:10px}.studio-request-details dl>div{grid-template-columns:55px 1fr;gap:8px}}

/* Project context: connected tasks and their pinned review, in the existing workspace. */
.studio-node.has-agent rect{stroke:#a9c4b1;fill:#fbfdfb}.studio-node .studio-agent-dot{fill:#4a9164}.studio-node.has-agent .studio-node-meta{font-size:9px;fill:#467457}
.studio-team-context{margin:20px 24px 8px;padding:22px;border:1px solid #dfe6df;border-radius:8px;background:linear-gradient(120deg,#fafbf8,#f5f8f7)}.studio-team-context h2{font-size:17px;font-weight:500;margin:0}.studio-team-context .studio-small{margin:6px 0 0}.studio-context-link{color:#35684b;text-decoration:none;font-size:12px}.studio-team-flow{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:20px;margin:22px 0}.studio-team-flow>div{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:12px}.studio-team-flow strong{font-weight:500}.studio-team-flow small{color:var(--muted);font-size:11px;line-height:1.6}.studio-team-flow>div>span:not(.studio-small){color:#467457}.studio-team-result{border-left:1px solid #cbd8cb;padding-left:20px}.studio-team-talk{border-top:1px solid #dfe6df;padding-top:14px;font-size:12px}.studio-team-talk summary{cursor:pointer;color:#35684b}.studio-team-talk article{margin:16px 0;max-width:75ch}.studio-team-talk article strong{font-size:11px;font-weight:500}.studio-team-talk article p{line-height:1.7;margin:5px 0;color:var(--muted)}.studio-request-origin{display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;font-size:11px;color:#35684b}.studio-request-origin span{color:var(--muted)}.studio-work-location{font-size:11px;margin:5px 0 10px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}.studio-work-location a{color:inherit;text-decoration:none}.studio-work-location a:hover{text-decoration:underline}.studio-inbox-scope{font-size:11px;color:var(--muted);margin-bottom:10px}.studio-inbox-agents{font-size:12px;color:#35684b;margin:10px 0}.studio-inbox-agents span{display:inline-block;margin-left:12px;color:var(--muted)}
@media(max-width:760px){.studio-team-context{margin:16px;padding:16px}.studio-team-flow{grid-template-columns:1fr 1fr;gap:18px}.studio-team-result{grid-column:1/-1;border-left:0;border-top:1px solid #cbd8cb;padding:14px 0 0}.studio-request-origin{flex-wrap:wrap}.studio-inbox-agents span{display:block;margin:5px 0}.studio-node.has-agent .studio-node-meta{font-size:9px}}

.studio-team-flow strong a{color:inherit;text-decoration:none}.studio-team-flow strong a:hover{text-decoration:underline}