/* V5 daily workspace: one navigation rail, one content canvas, contextual tools. */ .studio-shell.is-daily{grid-template-columns:178px minmax(0,1fr);font-size:13px} .is-daily .studio-topbar{padding-left:76px;background:var(--bg);border-bottom-color:var(--border);gap:12px} .is-daily .studio-main{padding-top:0} .is-daily .studio-breadcrumb,.is-daily .studio-document-tabs{display:none} .is-daily .studio-activity{padding:16px 10px 12px;background:var(--bg-sunken);border-right-color:var(--border)} .is-daily .studio-activity>button{min-height:48px;margin:2px 0;padding:9px 10px;border-radius:9px} .is-daily .studio-activity>button>span{font-size:13px} .is-daily .studio-activity button small{margin-top:3px;font-size:10px;line-height:1.4} .is-daily .studio-nav-bottom{padding-top:10px} .is-daily .studio-nav-bottom>p{margin-top:8px;padding-top:9px} .studio-shell .wb-root{min-height:0;background:var(--bg)} .studio-shell .wb-tabs{height:38px;min-height:38px;justify-content:flex-start;gap:18px;padding:0 22px;background:var(--bg);border-bottom:1px solid var(--border)} .studio-shell .wb-tab{position:relative;height:38px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--text-tertiary);font-size:11px} .studio-shell .wb-tab.is-active{background:transparent;color:var(--text)} .studio-shell .wb-tab.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);content:""} .studio-shell .wb-body{min-height:0;background:var(--bg)} .studio-shell .workbench{min-height:0;gap:0;background:var(--bg)} .studio-shell .conversations{border-right:1px solid var(--border);background:var(--bg-sunken)} .studio-shell .conv-head{height:52px;padding:0 12px;border-bottom:1px solid var(--border)} .studio-shell .conv-head-actions{display:flex;align-items:center;gap:5px} .studio-shell .conv-head h2{font:550 12px var(--font-sans);color:var(--text)} .studio-shell .conv-new{height:29px;padding:0 9px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:10px} .studio-shell .conv-item{margin:3px 7px;border-radius:6px} .studio-shell .conv-item.is-active{background:var(--accent-soft)} .studio-shell .conv-title{font-size:11px} .studio-shell .conv-meta{font-size:9px} .studio-shell .chat-main{min-width:0;background:var(--bg)} .studio-shell .chat-header{min-height:54px;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--bg)} .studio-shell .chat-heading{min-width:0;display:flex;flex-direction:column;gap:3px} .studio-shell .chat-section-label{font-size:9px;color:var(--text-tertiary)} .studio-shell .chat-header-title{font:550 14px var(--font-sans);color:var(--text);letter-spacing:0} .studio-shell .chat-welcome{gap:8px;justify-content:center;max-width:760px;margin:0 auto;padding:24px 32px} .studio-shell .chat-welcome:before{display:none} .studio-shell .chat-welcome-mark{position:relative;inset:auto;transform:none;width:26px;height:26px;opacity:.9;margin-bottom:7px} .studio-shell .chat-welcome h1{font-size:21px;font-weight:550;margin:0 0 4px} .studio-shell .chat-welcome p{font-size:12px;line-height:1.6} .studio-shell.is-daily .chat-welcome h1{font-size:24px;font-weight:600} .studio-shell.is-daily .chat-welcome p{font-size:13px;line-height:1.75} .studio-shell .message-list{padding:24px max(24px,calc((100% - 820px)/2)) 18px} .studio-shell .composer-wrap{z-index:3;padding:8px 22px 14px;background:linear-gradient(180deg,transparent,var(--bg) 18%)} .studio-shell .composer{max-width:920px;margin:0 auto;border:1px solid var(--border);border-radius:9px;background:var(--bg-elevated);box-shadow:0 5px 22px rgba(15,24,26,.08)} .studio-shell .composer:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 7px 24px rgba(15,24,26,.11)} .studio-shell .composer-input{min-height:54px;padding:15px 16px 8px;font-size:13px;line-height:1.65} .studio-shell .composer-bar{padding:4px 10px 9px;margin-top:2px;gap:6px 12px} .studio-shell .composer-bar .mode-pill{height:27px;padding:0 9px;font-size:10px} .studio-shell .model-trigger{max-width:190px} .studio-shell .btn-send,.studio-shell .btn-stop{width:31px;height:31px;border-radius:7px} .studio-shell .task-notice{margin:8px auto 0;max-width:920px;border-radius:7px} .studio-shell .composer-skills{max-width:920px;margin:0 auto 5px} .studio-shell .stats-bar{justify-content:center} .conversation-research-status,.research-history{max-width:920px;width:calc(100% - 44px);margin:10px auto 0;border:1px solid var(--border);border-radius:7px;background:var(--bg-elevated)} .conversation-research-status{padding:10px 13px} .research-status-main{display:flex;align-items:center;gap:10px;min-width:0} .research-status-mark{width:8px;height:8px;flex:none;border-radius:50%;background:var(--success)} .conversation-research-status.is-running .research-status-mark{background:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 18%,transparent)} .research-status-main>div{min-width:0;flex:1} .research-status-main strong{font-size:10px;font-weight:600} .research-status-main p{overflow:hidden;margin:3px 0 0;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap} .research-status-counts{color:var(--text-tertiary);font:9px var(--font-mono);white-space:nowrap} .research-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:7px;color:var(--success);font-size:9px} .research-status-actions .ws-secondary{padding:5px 8px;font-size:9px} .research-status-error{margin:6px 0 0;color:var(--danger);font-size:10px;line-height:1.5} .research-history{flex:none;margin-top:7px;overflow:hidden} .research-history>summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;color:var(--text-secondary);cursor:pointer;list-style:none} .research-history>summary::-webkit-details-marker{display:none} .research-history>summary:before{content:"▸";color:var(--text-tertiary)} .research-history[open]>summary:before{content:"▾"} .research-history>summary strong{font-size:10px;color:var(--text)} .research-history>summary span{font-size:9px;color:var(--text-tertiary)} .research-history>ul{max-height:190px;overflow:auto;margin:0;padding:0 12px 5px;list-style:none} .research-history li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border)} .research-history li>div{min-width:0;flex:1} .research-history li strong,.research-history li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .research-history li strong{font-size:10px;font-weight:500} .research-history li small{margin-top:3px;color:var(--text-tertiary);font-size:9px} .research-history-empty{margin:0;padding:8px 12px 12px;color:var(--text-tertiary);font-size:10px} .research-history-notice{margin:5px 12px;color:var(--success);font-size:10px} .research-preview{margin:0 12px 12px;padding:12px;border-top:1px solid var(--border);background:var(--bg-sunken)} .research-preview>header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px} .research-preview>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .research-preview>div{max-height:260px;overflow:auto;margin:8px 0;font-size:10px;line-height:1.7} .studio-shell .tc-subtabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;padding:8px 18px 0;background:var(--bg);} .studio-shell .tc-subtab{flex:none;height:30px;padding:0 11px;border-radius:5px 5px 0 0;font-size:10px;white-space:nowrap} .studio-shell .tc-body{min-width:0} .studio-shell .ws-card,.studio-shell .studio-card{border-radius:7px} .studio-shell :focus-visible{outline-color:var(--accent);outline-offset:2px} [data-style="darkside"]{--bg:#111619;--bg-sunken:#0c1114;--bg-elevated:#1a2226;--border:#2b3639;--text:#e8eeee;--text-secondary:#a1afb0;--text-tertiary:#7f9092;--accent:#e1bd79;--accent-soft:#2b2a22;--success:#85c2a7;--warning:#dfb95e;--danger:#e38e88;--info:#82b7d0;--glass:rgba(17,22,25,.96)} [data-style="darkside"][data-theme="light"]{--bg:#f2f5f3;--bg-sunken:#e9efec;--bg-elevated:#fff;--border:#d7e0db;--text:#202a28;--text-secondary:#596a66;--text-tertiary:#788782;--accent:#28776b;--accent-soft:#deeee8;--success:#2f765b;--warning:#9a6c20;--danger:#a84442;--info:#346c8a;--glass:rgba(242,245,243,.96)} [data-style="darkside"] .studio-activity,[data-style="darkside"] .studio-topbar,[data-style="darkside"] .conversations{background:var(--bg-sunken);border-color:var(--border)} [data-style="darkside"] .studio-main,[data-style="darkside"] .chat-main,[data-style="darkside"] .wb-root,[data-style="darkside"] .wb-body{background:var(--bg)} [data-style="darkside"] .conv-item.is-active{background:var(--accent-soft)} [data-style="darkside"] .composer{background:var(--bg-elevated);border-color:var(--border);box-shadow:0 8px 28px rgba(0,0,0,.16)} [data-style="darkside"] .task-notice{background:var(--bg-elevated);border-color:var(--border)} [data-style="darkside"][data-theme="light"] .studio-activity,[data-style="darkside"][data-theme="light"] .studio-topbar,[data-style="darkside"][data-theme="light"] .conversations{background:#e9efec} @media(max-width:960px){.studio-shell.is-daily{grid-template-columns:164px minmax(0,1fr)}.is-daily .studio-activity{padding-left:7px;padding-right:7px}.studio-shell .studio-stage .conversations{width:168px;min-width:150px}.studio-shell .chat-header{padding-right:14px;padding-left:14px}.studio-shell .composer-wrap{padding-right:12px;padding-left:12px}.studio-shell .message-list{padding-right:20px;padding-left:20px}} @media(max-width:720px){.studio-shell.is-daily{grid-template-columns:52px minmax(0,1fr)}.is-daily .studio-activity{align-items:center;padding:10px 4px}.is-daily .studio-activity>button,.is-daily .studio-nav-bottom>button{justify-content:center;width:42px;height:42px;padding:0}.is-daily .studio-activity>button>span,.is-daily .studio-nav-bottom>button>span,.is-daily .studio-nav-bottom>button>svg:last-child,.is-daily .studio-activity>button>small,.is-daily .studio-nav-bottom>p{display:none}.studio-shell .studio-stage .conversations{width:145px;min-width:130px}.studio-shell .command-search{width:32px;max-width:32px;padding:7px;justify-content:center}.studio-shell .command-search span,.studio-shell .command-search kbd{display:none}.studio-shell .studio-brand>span{display:none}.studio-shell .layout-toggle button{padding:5px 6px}} @media(prefers-reduced-motion:reduce){.studio-shell.is-daily *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* The two workspaces keep the same data and tools, but use different visual grammars. */ .studio-shell.is-daily{--radius-control:10px;--radius-card:10px;--radius-chip:8px} .studio-shell.is-daily .studio-resources{display:none} .studio-shell.is-daily .studio-main{grid-column:2;padding-top:0} .studio-shell.is-daily .studio-document-tabs{display:none} .studio-shell.is-daily .studio-breadcrumb{display:none} .studio-shell.is-daily .studio-nav-bottom>button[aria-label="开发者工具"], .studio-shell.is-daily .studio-nav-bottom>button[aria-label="开发者工具"]+.nav-disclosure{display:none} .studio-shell.is-daily .studio-nav-bottom{padding-top:12px} .studio-shell.is-daily .studio-nav-bottom>p{max-width:140px;line-height:1.65} .studio-shell.is-daily .studio-topbar{background:var(--bg-elevated);box-shadow:0 1px 8px color-mix(in srgb,var(--text) 4%,transparent)} .studio-shell.is-daily .studio-brand>span{font:9px var(--font-sans);letter-spacing:.2px;color:var(--text-tertiary)} .studio-shell.is-daily .layout-toggle{padding:3px;border-radius:9px;background:var(--bg-sunken)} .studio-shell.is-daily .layout-toggle button{height:29px;padding:0 10px;border-radius:7px;font-size:10px} .studio-shell.is-daily .layout-toggle button[aria-pressed="true"]{background:var(--bg-elevated);box-shadow:0 1px 5px color-mix(in srgb,var(--text) 9%,transparent)} .studio-shell.is-daily .studio-activity>button.is-active{position:relative} .studio-shell.is-daily .studio-activity>button.is-active:before{position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);content:""} .studio-shell.is-daily .overview-start{padding:25px 24px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated)} .studio-shell.is-daily .overview-start h2{font-size:20px} .studio-shell.is-daily .overview-actions .ws-primary,.studio-shell.is-daily .overview-actions .ws-secondary{min-height:36px;border-radius:8px} .studio-shell.is-daily .workspace-metrics{padding:22px 0} .studio-shell.is-daily .ws-metric strong{font-size:24px;font-variant-numeric:tabular-nums} .studio-shell.is-daily .ws-card,.studio-shell.is-daily .workspace-recent-list>button{border-radius:9px} .studio-shell.is-daily .studio-inspector,.studio-shell.is-daily .run-console{display:none} .studio-shell.is-daily .studio-statusbar.is-friendly{height:27px;font:10px var(--font-sans);background:var(--bg-elevated)} .studio-shell.is-daily .studio-statusbar.is-friendly>.status-local-dot{width:7px;height:7px} .studio-shell.is-daily .studio-statusbar.is-friendly>.status-spacer{flex:1} .studio-shell.is-developer{--radius-control:4px;--radius-card:4px;--radius-chip:3px} .studio-shell.is-developer .studio-topbar{background:var(--bg-sunken);border-bottom-color:var(--border)} .studio-shell.is-developer .studio-brand>span{font:8px var(--font-mono);letter-spacing:1px;color:var(--accent)} .studio-shell.is-developer .layout-toggle{border-radius:4px} .studio-shell.is-developer .layout-toggle button{height:25px;border-radius:2px;font:9px var(--font-mono)} .studio-shell.is-developer .developer-rail-label{width:36px;margin:0 0 10px;text-align:center;color:var(--accent);font:8px var(--font-mono);letter-spacing:.8px} .studio-shell.is-developer .studio-resources>header{border-bottom:1px solid var(--border)} .studio-shell.is-developer .resource-project{font:10px var(--font-mono)} .studio-shell.is-developer .studio-resources>button{border-radius:3px;font:10px var(--font-mono)} .studio-shell.is-developer .studio-document-tabs{background:var(--bg-sunken);border-bottom-color:var(--border)} .studio-shell.is-developer .studio-document-tabs>div{border-radius:0;border-right-color:var(--border)} .studio-shell.is-developer .studio-breadcrumb{font:9px var(--font-mono);text-transform:uppercase} .studio-shell.is-developer .studio-inspector{box-shadow:none;border-left-color:var(--border)} .studio-shell.is-developer .studio-inspector>header strong,.studio-shell.is-developer .studio-statusbar{font-family:var(--font-mono)} .studio-shell.is-developer .studio-statusbar{height:24px;font-size:9px} .studio-shell.is-developer .run-console{border-radius:0} .studio-shell.is-developer .run-console pre{font-size:10px} .studio-shell.is-developer .studio-card,.studio-shell.is-developer .ws-card{border-radius:4px} .studio-shell.is-developer .chat-welcome{align-items:flex-start;margin:0;max-width:100%;padding:24px 32px} .studio-shell.is-developer .chat-welcome h1{font:550 17px var(--font-mono)} .studio-shell.is-developer .chat-welcome-kicker{color:var(--accent);font:9px var(--font-mono);letter-spacing:.6px} .studio-shell.is-developer .chat-starters{max-width:680px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px} .studio-shell.is-developer .chat-starter{min-height:62px;border-radius:4px;background:var(--bg-sunken);font-family:var(--font-mono)} [data-style="darkside"] .studio-shell.is-daily{--bg:#18211f;--bg-sunken:#121a18;--bg-elevated:#202c29;--border:#354741;--text:#e8f1ed;--text-secondary:#a9bdb5;--text-tertiary:#81988e;--accent:#90d6b6;--accent-soft:#253b32;--success:#78d2a3;--warning:#e7bd74;--danger:#ed9688;--info:#85bfe2;color-scheme:dark} [data-style="darkside"][data-theme="light"] .studio-shell.is-daily{--bg:#f3f7f4;--bg-sunken:#eaf1ec;--bg-elevated:#fff;--border:#d8e4dc;--text:#25342d;--text-secondary:#5f7167;--text-tertiary:#819087;--accent:#28775d;--accent-soft:#e0f0e6;--success:#2d805c;--warning:#a36b26;--danger:#b34843;--info:#346f9c;color-scheme:light} [data-style="darkside"] .studio-shell.is-daily .conversations{background:var(--bg-sunken);border-right-color:var(--border)} [data-style="darkside"] .studio-shell.is-daily .chat-welcome{color:var(--text)} [data-style="darkside"] .studio-shell.is-daily .chat-starter{background:var(--bg-elevated);border-color:var(--border)} [data-style="darkside"] .studio-shell.is-daily .composer{box-shadow:0 8px 28px color-mix(in srgb,var(--text) 8%,transparent)} [data-style="darkside"] .studio-shell.is-developer{--bg:#0c1118;--bg-sunken:#080d13;--bg-elevated:#121a24;--border:#283747;--text:#e3edf4;--text-secondary:#9bafbd;--text-tertiary:#708798;--accent:#65cde0;--accent-soft:#142c38;--success:#65d2a4;--warning:#f0bd67;--danger:#ef887f;--info:#85baf2;color-scheme:dark} [data-style="darkside"][data-theme="light"] .studio-shell.is-developer{--bg:#eff3f8;--bg-sunken:#e5ebf2;--bg-elevated:#fff;--border:#cbd6e2;--text:#1c2a35;--text-secondary:#526879;--text-tertiary:#73899a;--accent:#087c98;--accent-soft:#d9eef2;--success:#217950;--warning:#9a681a;--danger:#b4413a;--info:#366dba;color-scheme:light} [data-style="darkside"] .studio-shell.is-developer .studio-activity,[data-style="darkside"] .studio-shell.is-developer .studio-resources,[data-style="darkside"] .studio-shell.is-developer .run-console{background:var(--bg-sunken)} [data-style="darkside"] .studio-shell.is-developer .studio-main,[data-style="darkside"] .studio-shell.is-developer .studio-inspector{background:var(--bg)} [data-style="darkside"] .studio-shell.is-developer .studio-resources>button.is-selected{box-shadow:inset 2px 0 0 var(--accent)} [data-style="darkside"] .studio-shell.is-developer .studio-document-tabs>div.is-active{background:var(--bg);border-top-color:var(--accent)} .studio-shell .chat-welcome-kicker{display:block;color:var(--text-tertiary);font-size:9px;letter-spacing:.7px} .chat-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(680px,100%);margin-top:16px} .chat-starter{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-secondary);font:11px var(--font-sans);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease} .chat-starter:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text)} .chat-starter>svg{flex:none;color:var(--accent)} .chat-starter>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:760px){.chat-starters{grid-template-columns:1fr}.studio-shell.is-daily .overview-start{align-items:flex-start;flex-direction:column}.studio-shell.is-daily .overview-actions{justify-content:flex-start}}