/* Application chrome only: article templates live in their own preview documents. */
:root{--bg:#101114;--panel:#191B20;--raised:#22252C;--line:#343840;--text:#F3F4F6;--muted:#A4ABB5;--brand:#F4B83F;--brand-hover:#FFD071;--accent:#F4B83F;--accent-hover:#FFD071;--on-accent:#111827;--soft:#302719;--danger:#FFAAA3;--success:#87C69C;--shadow:0 8px 28px #0000001f;--mint:var(--accent);--green:var(--accent);--blue:var(--accent);--violet:var(--accent);--amber:var(--accent);--pink:var(--accent);--cyan:var(--accent)}
:root[data-theme=light]{--bg:#F8F7F4;--panel:#FFFFFF;--raised:#F1F0ED;--line:#E4E1DB;--text:#282722;--muted:#6F6A62;--brand:#C84B40;--brand-hover:#AF3B32;--accent:#C84B40;--accent-hover:#AF3B32;--on-accent:#FFFFFF;--soft:#FCEDEA;--danger:#B42318;--success:#32734B;--shadow:0 8px 28px #22252c08;--mint:var(--accent);--green:var(--accent);--blue:var(--accent);--violet:var(--accent);--amber:var(--accent);--pink:var(--accent);--cyan:var(--accent)}
:root[data-theme=light] .preview-panel,:root[data-theme=light] .preview-body,:root[data-theme=light] .delivery-meta,:root[data-theme=light] .delivery-checklist{background:#fff}
:root[data-theme=light] .article-frame,:root[data-theme=light] .layout-live iframe{background:#fff}
body{background:var(--bg);color:var(--text)}
body,button,input,textarea,select{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif}.mono,.eyebrow,.nav-label{font-family:inherit}.eyebrow,.nav-label{letter-spacing:.08em}.page-heading h1{font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;font-weight:600;letter-spacing:-.045em}.brand{letter-spacing:-.025em}
::selection{background:var(--accent);color:var(--on-accent)}
input,textarea,select{accent-color:var(--accent);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sidebar,.topbar{background:var(--panel);border-color:var(--line)}
.topbar-right{gap:16px}.theme-control{display:flex;align-items:center;gap:2px;padding:3px;background:var(--raised);border:1px solid var(--line);border-radius:9px;white-space:nowrap}.theme-control button{padding:5px 9px;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;line-height:1.4}.theme-control button:hover{color:var(--text)}.theme-control button.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 4px #00000012}
.brand small,.nav-label,.mono,.page-description,.breadcrumb,.system-status{color:var(--muted)}
.new-task{background:var(--brand);color:var(--on-accent);border-radius:9px;font-weight:700;box-shadow:none}.new-task:hover{background:var(--brand-hover);box-shadow:var(--shadow)}
.primary{background:var(--accent);color:var(--on-accent);border-radius:9px;font-weight:600;box-shadow:none}.primary:hover{background:var(--accent-hover);box-shadow:var(--shadow)}
.nav{font-size:13px;color:var(--muted);border-radius:8px}.nav:hover{background:var(--raised);color:var(--text)}.nav.active{background:var(--soft);color:var(--accent);border-color:transparent;box-shadow:inset 3px 0 var(--accent)}
.nav-dot{background:var(--accent);box-shadow:none}.live-dot{background:var(--brand);box-shadow:none}.system-status i,.workspace-tag i,.workspace-footer i{background:var(--success)}
.credit-box,.ac-balance{background:var(--soft);border-color:var(--line);color:var(--text)}.credit-box>b,.ac-balance strong,.tiny-spark{color:var(--brand)}.eyebrow{color:var(--accent)}
.avatar,.mention-avatar,.expert-avatar{background:var(--raised);color:var(--accent);border-color:var(--line)}
.page-heading h1{font-weight:600;letter-spacing:-.8px}.page-heading h1 span{color:var(--text)}.page-description{font-size:14px;line-height:1.8}.page-heading{margin-bottom:24px}
.workspace-card,.service-card,.memory-panel,.team-canvas,dialog,.mention-menu{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
.workspace-card,.service-card{border-radius:12px;padding:22px}.service-card-heading h2{font-weight:600}.service-help,.workspace-card p,.memory-item p{color:var(--muted);font-size:13px}.workspace-card small{font-size:12px}.workspace-card label,.service-card label,.knowledge-dialog label{color:var(--text);font-size:13px}
.workspace-card input:not([type=checkbox]),.workspace-card textarea,.workspace-card select,.service-card input:not([type=checkbox]),.service-card select,.knowledge-dialog input:not([type=checkbox]),.account-dialog input,input,textarea{background:var(--bg);border-color:var(--line);color:var(--text)}
.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px}.secondary:hover{background:var(--raised);border-color:var(--accent)}
.text-button,.search-result-link span,.chat-docs summary,.chat-message summary{color:var(--accent)}
.expert-skill,.expert-picks label,.service-symbol,.service-state,.workspace-tag,.beta{background:var(--raised);border-color:var(--line);color:var(--muted)}
.expert-picks label:has(input:checked){background:var(--soft);border-color:var(--accent);color:var(--accent)}
.team-canvas{background:var(--panel);box-shadow:none}.network-stage{height:220px}.network-lines{opacity:.46;stroke:var(--line)}.core-sphere{background:var(--soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.core-orbit{border-color:var(--line)}.network-lines{stroke:var(--line)}
.collaboration-feed .tool-run{background:var(--bg);border-color:var(--line);border-radius:8px;padding:12px 14px;box-shadow:none}.timeline-event{color:var(--text)}.decision-jump{background:var(--soft);color:var(--accent);border-color:var(--accent)}
.knowledge-sources{margin:8px 0 0;color:var(--muted);font-size:11px}.knowledge-sources summary{display:list-item;width:max-content;max-width:100%;padding:3px 0;color:var(--muted);font-size:11px;font-weight:400;line-height:1.6;cursor:pointer}.knowledge-sources summary::marker{color:var(--muted);font-size:.75em}.knowledge-sources[open] summary{color:var(--text)}.knowledge-sources .text-button{margin-top:8px;font-size:10px}.knowledge-sources p{font-size:11px;line-height:1.7;color:var(--muted)}
.chat-message{background:var(--bg);border:0;border-radius:4px 12px 12px 12px;padding:18px 20px;margin-right:28px}.chat-message.from-user{background:var(--soft);border-radius:12px 4px 12px 12px;margin-left:40px;margin-right:0}.workspace-card .chat-text{font-size:15px;line-height:1.9;color:var(--text);margin-top:12px}.chat-message small{font-size:12px;color:var(--muted)}.chat-message blockquote{background:var(--panel);border-color:var(--accent);color:var(--muted)}
.chat-session.active,.chat-session:hover,.mention-option.highlighted,.mention-option:hover{background:var(--soft);color:var(--accent)}.chat-session,.mention-option,.mention-option b{color:var(--text)}.chat-typing{color:var(--muted)}
.kb-banner{background:var(--raised);border-color:var(--line);color:var(--muted)}.kb-dropzone{min-height:100px;background:var(--bg);border-color:var(--line);color:var(--text);border-radius:10px}.kb-dropzone:hover,.kb-dropzone.dragging,.kb-dropzone:focus-visible{background:var(--soft);border-color:var(--accent);outline-color:var(--accent)}.kb-dropzone small{color:var(--muted)}
.document-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.document-grid:has(>.service-help){padding:20px}.document-grid>.workspace-card{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) 90px minmax(120px,1fr) auto;align-items:center;gap:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:18px 20px}.document-grid>.workspace-card:last-child{border-bottom:0}.document-grid .workspace-row:last-child{margin:0}.document-grid h3{font-weight:500}.document-grid .workspace-row>span{color:var(--muted);font-size:11px}
.knowledge-text{background:var(--bg);color:var(--text);border-color:var(--line)}
.tool-error,.ac-negative,.ac-logout{color:var(--danger)}.ac-positive{color:var(--success)}
dialog::backdrop{background:#10111488;backdrop-filter:blur(4px)}.dialog-close,.account-dialog .dialog-close,.knowledge-dialog .dialog-close{background:var(--raised);color:var(--text)}
@media(min-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) 370px}}
@media(max-width:1100px){.document-grid>.workspace-card{grid-template-columns:minmax(160px,1fr) 1fr auto}.document-grid>.workspace-card>small{grid-column:1 / 3}}
@media(max-width:700px){.topbar{padding:0 16px}.topbar-right{gap:8px}.breadcrumb{gap:8px}.breadcrumb>.beta,.breadcrumb>span:first-of-type,.breadcrumb>.slash{display:none}.system-status{display:none}.theme-control{padding:2px}.theme-control button{padding:4px 6px;font-size:10px}.page-description{font-size:13px}.document-grid>.workspace-card{display:flex;flex-wrap:wrap;gap:10px;padding:16px}.document-grid>.workspace-card>.workspace-row:first-child{width:100%}.chat-message{margin-right:12px;padding:14px}.chat-message.from-user{margin-left:20px}.workspace-card .chat-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Content workspace: keep status visible and decoration quiet. */
.sidebar{scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0}.sidebar{padding-top:24px}.new-task{margin:27px 0 22px}.nav-label{margin-top:3px}.sidebar-divider{margin:16px 8px}.sidebar-bottom{padding-top:14px}.credit-box{padding:11px 13px}
.theme-control{background:var(--raised)}
.app-shell main{max-width:1540px;padding-top:28px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:clamp(26px,2.1vw,34px)}.workspace-tag{background:var(--panel)}
.team-canvas{border-radius:10px}.canvas-top{padding-top:13px}.canvas-bottom{padding:9px 0}.core>span{font-family:inherit;font-weight:600;letter-spacing:0;font-size:11px}.core>small{font-size:10px}.expert-node{border-radius:8px;box-shadow:none;background:var(--panel)}.expert-node b{font-size:11px}.expert-node small{font-size:10px}
.network-stage .expert-node:nth-child(1),.network-stage .expert-node:nth-child(2){top:16px}.network-stage .expert-node:nth-child(3),.network-stage .expert-node:nth-child(4){top:84px}.network-stage .expert-node:nth-child(5),.network-stage .expert-node:nth-child(6){top:152px}
.preview-panel{border-radius:10px;box-shadow:none}.preview-body{min-height:300px}.empty-preview{padding-top:20px}.paper-ghost{margin-bottom:18px}.preview-heading h2{font-size:13px}.preview-tabs button{font-size:11px}
.expert-grid{gap:14px}.expert-card{min-height:205px;padding:20px;background:var(--panel);border-radius:10px}.expert-card .expert-avatar{width:38px;height:38px;margin-bottom:13px}.expert-card h2{font-size:17px;margin:7px 0}.expert-card p{font-size:13px;line-height:1.7}.expert-card small{margin-top:13px;padding-top:11px;font-size:11px;color:var(--muted)}.expert-card .mono{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:0}.team-explanation{margin:28px 0;max-width:680px}.team-explanation h2{font-size:21px}
@media(max-width:700px){.network-stage{height:260px}.network-stage .expert-node:nth-child(1),.network-stage .expert-node:nth-child(2){top:18px}.network-stage .expert-node:nth-child(3),.network-stage .expert-node:nth-child(4){top:106px}.network-stage .expert-node:nth-child(5),.network-stage .expert-node:nth-child(6){top:194px}.expert-grid{grid-template-columns:1fr}.expert-card{min-height:0}.sidebar{padding-top:20px}}

/* Keep character art in its own layout cell, clear of expert descriptions. */
#expert-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#expert-cards .expert-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;min-width:0;min-height:230px;padding:24px 22px 24px 26px;border-radius:14px;background:var(--panel)}
.expert-card-copy{display:flex;flex-direction:column;align-self:stretch;min-width:0;text-align:left}
#expert-cards .expert-card .mono{color:var(--muted);font-size:11px;font-weight:400}
#expert-cards .expert-card h2{font-size:18px;font-weight:600;line-height:1.5;margin:8px 0 0}
.expert-portrait-stage{display:grid;place-items:center;width:120px;height:150px;border-radius:20px;background:var(--raised);overflow:hidden}
#expert-cards .expert-avatar.character-avatar{position:relative;inset:auto;display:block;width:112px;height:142px;margin:0;border:0;border-radius:0;background:transparent;overflow:hidden}
#expert-cards .character-avatar img{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#expert-cards .expert-card-copy>p{flex:1;margin:18px 0 0;font-size:13px;line-height:1.85;color:var(--muted)}
#expert-cards .expert-card-copy>small{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}
.expert-avatar:not(.character-avatar),.mention-avatar{border-radius:10px;background:var(--raised)}
.expert-avatar:not(.character-avatar) img,.mention-avatar img{transform:scale(1.48);transform-origin:50% 20%}
.expert-avatar:not(.character-avatar),.mention-avatar{border-radius:10px}
.expert-avatar:not(.character-avatar) img,.mention-avatar img{object-fit:contain;transform:scale(1.09);transform-origin:center}
.character-avatar{--avatar-scale:1}
.timeline-event{gap:14px}
.timeline-event .expert-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:10px}
.mention-avatar{width:40px;height:40px;flex:0 0 40px}
.team-canvas.compact .expert-node{gap:12px;padding:12px;height:auto;min-height:68px}
.team-canvas.compact .expert-node .expert-avatar{width:38px;height:38px}
@media(min-width:701px) and (max-width:1150px){#expert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#expert-cards{grid-template-columns:1fr;gap:14px}#expert-cards .expert-card{grid-template-columns:minmax(0,1fr);gap:14px;min-height:210px;padding:19px 16px 19px 20px}#expert-cards .expert-card-copy>p{margin-top:14px}.team-canvas.compact .expert-node{gap:8px;padding:9px}.team-canvas.compact .expert-node .expert-avatar{width:32px;height:32px}}