/* Shared Build 24 presentation; no private offline state. */
.ereo-shell-24{--shell-radius:14px;--shell-gap:12px}
.ereo-shell-24 #sidebar{width:260px;background:var(--surface)}
.ereo-shell-24 .side-head{padding:22px 20px 16px;justify-content:space-between}
.ereo-shell-24 .side-head .logo{font-size:26px;letter-spacing:-1px}
.shell-navigation{display:flex;flex-direction:column;gap:4px;padding:0 12px 16px}
.shell-navigation>button,.shell-secondary>button{display:flex;align-items:center;text-align:left;width:100%;min-height:44px;padding:10px 14px;font-size:14px;font-weight:500;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:10px}
.shell-navigation>button:hover,.shell-secondary>button:hover{background:var(--bg);border-color:var(--line)}
.shell-navigation>#btn-new-chat{background:var(--bg);border:1px solid var(--line);margin-bottom:8px;text-align:left}
.shell-navigation>#btn-new-chat::before{content:'+';font-size:21px;margin-right:10px}
.shell-history-heading{font-size:12px;font-weight:600;color:var(--ink-soft);padding:0 3px 4px}
.ereo-shell-24 .history-tools{display:flex;flex-direction:column;max-height:none;overflow:visible;padding:0 16px 8px;gap:4px}
.ereo-shell-24 #history-search{width:100%;min-height:44px;border-radius:10px}
.shell-history-options{color:var(--ink-soft);font-size:12px}.shell-history-options summary{display:flex;align-items:center;cursor:pointer}.shell-history-options .history-filters{display:flex;gap:8px}.shell-history-options select{min-width:0;flex:1}
.shell-secondary{border-top:1px solid var(--line);padding-top:8px}.shell-secondary>button{font-size:13px}
.ereo-shell-24 .side-foot{padding:10px 12px}.ereo-shell-24 #acct-row{margin-top:4px;min-height:56px}.ereo-shell-24 #acct-menu{max-height:70dvh;overflow:auto}
.ereo-shell-24 #topbar{border-bottom:1px solid var(--line);min-height:64px;gap:10px;padding:10px 22px}.ereo-shell-24 #conversation-title{font-size:14px;font-weight:500;max-width:none;min-width:0}
.ereo-shell-24 #topbar .model-wrap{flex-shrink:0}.ereo-shell-24 #model-btn{min-height:44px;padding:8px 12px;background:transparent;border-radius:10px}
.ereo-shell-24 #model-menu{position:absolute;top:48px;bottom:auto;left:0;max-height:65dvh;overflow:auto;z-index:75}
.ereo-shell-24 #install-app{font-size:12px;order:8}.ereo-shell-24 #save-status{font-size:11px;color:var(--ink-soft)}
.ereo-shell-24 #workspace-scope{font-size:12px;padding:8px 24px;background:transparent;border-bottom:1px solid var(--line)}
.ereo-shell-24 .welcome{padding-top:clamp(40px,16dvh,160px)}.ereo-shell-24 .welcome h1{font-size:clamp(28px,3vw,40px);font-weight:550}.ereo-shell-24 .welcome p{line-height:1.6;color:var(--ink-soft);margin-top:14px}
.ereo-shell-24 .composer-wrap{max-width:900px;padding:12px 24px calc(14px + env(safe-area-inset-bottom));max-height:55dvh}
.ereo-shell-24 .composer{grid-template-columns:44px minmax(66px,1fr) 44px 44px;border:1px solid var(--line);border-radius:24px;gap:8px;padding:12px;background:var(--surface);box-shadow:0 4px 24px #00000007}
.ereo-shell-24 .composer #input{grid-row:1;grid-column:1/-1;min-height:58px;max-height:180px;font-size:16px;line-height:1.6;padding:8px;background:transparent}
.ereo-shell-24 .composer #attach{grid-row:2;grid-column:1}.ereo-shell-24 .composer #shell-tools{grid-row:2;grid-column:2;justify-self:start;padding:8px 14px;min-height:44px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;font-size:13px}
.ereo-shell-24 .composer #voice-conversation{grid-row:2;grid-column:3;display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink)}
.ereo-shell-24 .composer #voice-conversation[hidden]{display:none}.ereo-shell-24 .composer #send{grid-row:2;grid-column:4;border-radius:50%;width:44px;height:44px}
.ereo-shell-24 .fineprint{font-size:11px;margin-top:10px}.shell-active-tools{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.shell-active-tools[hidden]{display:none}.shell-active-tools button{font-size:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 12px}
.shell-sheet{padding:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font:inherit;box-shadow:0 24px 80px #0003}
.shell-sheet::backdrop{background:#10122566}.shell-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.shell-sheet-head h2{font-size:20px;margin:0}.shell-sheet-head button{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.shell-sheet-body{padding:4px 22px 20px}.shell-sheet-body[hidden]{display:none}.shell-tool-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.shell-tool-group h3{grid-column:1/-1;font-size:12px;letter-spacing:.02em;color:var(--ink-soft);font-weight:600;margin:0 0 4px}
#shell-sheet .shell-tool-group>button{display:flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;height:auto;min-height:48px;padding:10px 12px;margin:0;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.4;white-space:normal}
#shell-sheet .shell-tool-group>button[hidden]{display:none}.shell-tool-group>button:hover{border-color:var(--primary)}.shell-tool-group>button svg{flex-shrink:0}#shell-sheet .shell-tool-group>button.active{border-color:var(--primary);background:var(--primary-light);color:var(--ink)}
.shell-tool-group>label,.shell-tool-group>details{grid-column:1/-1;font-size:13px;line-height:1.6}.shell-tool-group>label{display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-tool-group select,.shell-tool-group input{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg);color:var(--ink);max-width:100%}.shell-tool-group #read-url-controls{width:100%;max-width:none}.shell-tool-group #read-urls{width:100%}.shell-tool-group summary{display:flex;align-items:center;cursor:pointer}.shell-help{font-size:13px;color:var(--ink-soft);line-height:1.6}
/* Shared result geometry, with existing version-bound feature actions. */
.ereo-shell-24 :is(.ereo-file-card,.ereo-image-card,.ereo-video-card,.ereo-research-card,.ereo-execution-card){border:1px solid var(--line);border-radius:var(--shell-radius);background:var(--surface);padding:16px;max-width:100%;overflow-wrap:anywhere;box-shadow:none}
.ereo-shell-24 :is(.ereo-file-card,.ereo-image-card,.ereo-video-card,.ereo-research-card,.ereo-execution-card) button{min-height:44px;border-radius:9px;line-height:1.4}
.ereo-shell-24 :is(.ereo-execution-output,.ereo-document-version){padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:10px;overflow-wrap:anywhere}
.ereo-shell-24 :is(dialog,[role=dialog]) h2{letter-spacing:-.02em}.ereo-shell-24 :is(dialog,[role=dialog]) p{line-height:1.6}.ereo-shell-24 #attach-chip{max-height:24dvh;overflow:auto}.ereo-shell-24 #connector-chips{overflow-wrap:anywhere}
@media(max-width:800px){
 .ereo-shell-24 #app-view{height:var(--shell-height,100dvh);min-height:0}.ereo-shell-24 #sidebar{width:min(300px,90vw)}.ereo-shell-24 .shell-navigation{gap:2px;padding-bottom:8px}.ereo-shell-24 .side-head{padding:14px 16px 10px}
 .ereo-shell-24 #topbar{gap:6px;padding:8px 10px;min-height:60px;flex-wrap:wrap}.ereo-shell-24 #topbar .topbar-logo{display:none}.ereo-shell-24 #conversation-title{max-width:calc(100vw - 210px);flex:1}.ereo-shell-24 #model-btn{font-size:14px;padding:8px}.ereo-shell-24 #save-status{max-width:80px}.ereo-shell-24 #branch-select{max-width:100px}.ereo-shell-24 #workspace-scope{padding:6px 12px;font-size:11px;overflow-wrap:anywhere}
 .ereo-shell-24 .welcome{padding:clamp(26px,9dvh,80px) 20px 20px}.ereo-shell-24 .welcome p{font-size:14px}.ereo-shell-24 .composer-wrap{padding:8px 10px calc(8px + env(safe-area-inset-bottom));max-height:55dvh}.ereo-shell-24 .composer{padding:8px;border-radius:20px;gap:6px}.ereo-shell-24 .composer #input{min-height:46px;max-height:25dvh}.ereo-shell-24 .fineprint{font-size:10px;margin-top:6px}
 .shell-sheet{width:100%;max-width:100%;max-height:85dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.shell-sheet-body{padding:0 16px 20px}.shell-sheet-head{padding:14px 16px}
 .ereo-shell-24 .ereo-workspace{width:100%;max-width:100%;z-index:80}
}
@media(max-width:360px){.shell-tool-group{grid-template-columns:1fr}.ereo-shell-24 #conversation-title{max-width:95px}.ereo-shell-24 #workspace-scope{font-size:10px}}
@media(max-height:520px){.ereo-shell-24 .welcome{padding:14px}.ereo-shell-24 .welcome p,.ereo-shell-24 .fineprint{display:none}.ereo-shell-24 .composer-wrap{max-height:65dvh}.ereo-shell-24 .composer #input{min-height:40px}.ereo-shell-24 .shell-navigation{gap:0}.ereo-shell-24 .shell-navigation>button{min-height:44px}.ereo-shell-24 #sidebar{overflow:auto}.ereo-shell-24 #conv-list{min-height:100px;flex:0 0 auto}}

@media(max-width:800px){.ereo-shell-24 #sidebar:not(.open){box-shadow:none}}

.ereo-shell-24 #sidebar{overflow-y:auto;overscroll-behavior:contain}

.ereo-shell-24 :is(button,summary,.model-opt,.effort-opt){min-width:44px;min-height:44px}
#shell-sheet .ereo-file-limits summary{min-height:44px}

/* Build 26: familiar new-chat layout, one add menu, compact navigation. */
.ereo-shell-26 #sidebar{width:248px;overflow:visible}
.ereo-shell-26 .side-head{padding:12px 14px;border-bottom:0;gap:6px;min-height:64px}
.ereo-shell-26 .side-head .logo{font-size:24px}
.ereo-shell-26 #sidebar-collapse{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft)}
.ereo-shell-26 #sidebar-collapse:hover{background:var(--bg)}
.ereo-shell-26 .shell-navigation{padding:4px 10px 16px;gap:2px}
.ereo-shell-26 .shell-navigation>#btn-new-chat{border-color:transparent;background:transparent;margin:0}
.ereo-shell-26 .shell-navigation>button{padding:8px 12px}
.ereo-shell-26 .history-tools{padding:0 14px 6px}
.ereo-shell-26 .side-foot{margin-top:auto;padding:8px 12px}
.ereo-shell-26 .shell-secondary{padding:0;border:0}
.ereo-shell-26 .shell-secondary>summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:9px;color:var(--ink-soft);cursor:pointer;font-size:13px}
.ereo-shell-26 .shell-secondary>summary::before{content:'···';font-size:19px;letter-spacing:2px;margin-right:12px}
.ereo-shell-26 .shell-secondary>summary:hover{background:var(--bg)}
.ereo-shell-26 #topbar{background:transparent;border-bottom:0;padding:8px 20px;min-height:64px;flex-shrink:0}
.ereo-shell-26 #topbar .topbar-logo{display:none}
.ereo-shell-26 #btn-menu{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:9px}
.ereo-shell-26 #app-view.shell-sidebar-collapsed #sidebar{width:0;border:0;visibility:hidden;overflow:hidden}
.ereo-shell-26 #app-view.shell-sidebar-collapsed #btn-menu{display:flex}
.ereo-shell-26 #app-view.shell-sidebar-collapsed #topbar .topbar-logo{display:block;font-size:22px}
.ereo-shell-26 .shell-new-chat #conversation-title,.ereo-shell-26 .shell-new-chat #save-status,.ereo-shell-26 .shell-new-chat #conversation-actions:disabled{display:none}
.ereo-shell-26 .shell-new-chat #chat-scroll{flex:0 0 auto;margin-top:auto;min-height:0;overflow:visible}
.ereo-shell-26 .shell-new-chat #chat{padding:0;gap:0}
.ereo-shell-26 .welcome{padding:20px 20px 18px;max-width:820px}
.ereo-shell-26 .welcome h1{font-size:clamp(25px,2.5vw,32px);font-weight:500;letter-spacing:-.025em;line-height:1.3}
.ereo-shell-26 .shell-new-chat .composer-wrap{margin-bottom:auto}
.ereo-shell-26 .composer-wrap{max-width:860px;padding:8px 20px 20px}
.ereo-shell-26 .composer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px 44px;border-radius:26px;padding:12px;gap:6px;box-shadow:0 3px 14px #00000006}
.ereo-shell-26 .composer #input{min-height:58px;padding:8px 8px 12px;grid-column:1/-1;grid-row:1}
.ereo-shell-26 .composer #shell-tools{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;justify-self:start;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;font-size:28px;font-weight:300;line-height:1}
.ereo-shell-26 .composer #shell-tools:hover{background:var(--bg)}
.ereo-shell-26 .composer .model-wrap{grid-column:2;grid-row:2;min-width:0;justify-self:end;align-self:center}
.ereo-shell-26 .composer #model-btn{max-width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;white-space:nowrap;font-weight:500}
.ereo-shell-26 .composer #model-menu{position:fixed;overflow:auto;z-index:75}
.ereo-shell-26 .composer #mic{grid-column:3;grid-row:2;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--ink);background:transparent}
.ereo-shell-26 .composer #voice-conversation{grid-column:4;grid-row:2}
.ereo-shell-26 .composer #send,.ereo-shell-26 .composer #stop-answer{grid-column:5;grid-row:2;width:44px;height:44px;min-width:44px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%}
.ereo-shell-26 .composer #stop-answer{font-size:11px;font-weight:600;color:var(--surface);background:var(--ink)}
.ereo-shell-26 .composer :is(#stop-answer,#send,#voice-conversation)[hidden]{display:none}
.ereo-shell-26 .composer #mic.active{background:var(--primary-light);color:var(--primary)}
.ereo-shell-26 .fineprint{font-size:11px;margin-top:12px}
.ereo-shell-26 .shell-new-chat .fineprint{visibility:hidden}
.ereo-shell-26 .chat-inner{max-width:820px;padding-top:22px;gap:24px}
.ereo-shell-26 .msg.assistant{max-width:100%;width:100%;border:0;background:transparent;padding:8px 0;border-radius:0;line-height:1.7;box-shadow:none}
.ereo-shell-26 .msg.user{background:var(--surface);color:var(--ink);border-radius:20px;padding:12px 18px;max-width:85%}
.ereo-shell-26 #shell-sheet .ereo-file-limits{border-top:1px solid var(--line);padding-top:4px}
@media(max-width:800px){
 .ereo-shell-26 #sidebar{width:min(300px,90vw);overflow-y:auto}
 .ereo-shell-26 #app-view.shell-sidebar-collapsed #sidebar{width:min(300px,90vw);border-right:1px solid var(--line);visibility:visible;overflow-y:auto}
 .ereo-shell-26 #sidebar-collapse{display:none}
 .ereo-shell-26 #btn-menu{display:flex}
 .ereo-shell-26 #topbar,.ereo-shell-26 #app-view.shell-sidebar-collapsed #topbar{padding:8px 12px;gap:8px;min-height:60px}
 .ereo-shell-26 #topbar .topbar-logo,.ereo-shell-26 #app-view.shell-sidebar-collapsed #topbar .topbar-logo{display:block;font-size:22px}
 .ereo-shell-26 #conversation-title{max-width:calc(100vw - 195px)}
 .ereo-shell-26 .composer-wrap{padding:8px 10px calc(8px + env(safe-area-inset-bottom));max-height:60dvh}
 .ereo-shell-26 .composer{gap:3px;padding:8px;border-radius:23px}
 .ereo-shell-26 .composer #input{min-height:52px;padding:8px 6px;font-size:16px}
 .ereo-shell-26 .composer #model-btn{font-size:12px;padding:8px 3px}
 .ereo-shell-26 .welcome{padding:14px 18px 18px}
 .ereo-shell-26 .welcome h1{font-size:26px}
 .ereo-shell-26 .chat-inner{padding:16px 16px 12px}
 .ereo-shell-26 .fineprint{font-size:10px}
}
@media(max-height:520px){
 .ereo-shell-26 .shell-new-chat #chat-scroll{margin-top:0}
 .ereo-shell-26 .shell-new-chat .composer-wrap{margin-bottom:0}
 .ereo-shell-26 .welcome{padding:4px 12px}
 .ereo-shell-26 .welcome h1{font-size:22px}
 .ereo-shell-26 .composer #input{min-height:40px}
 .ereo-shell-26 #sidebar{overflow:auto}
}

.ereo-shell-26 .shell-navigation>#btn-new-chat::before{content:none}.ereo-shell-26 .shell-navigation>button{gap:10px}.ereo-shell-26 .shell-navigation>button svg{flex-shrink:0}

.ereo-shell-26 .shell-workspace-button{display:flex;align-items:center;min-height:44px;width:100%;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);font-size:12px;text-align:left}
.ereo-shell-26 .shell-workspace-button[hidden]{display:none}.ereo-shell-26 .shell-workspace-button:hover{background:var(--bg)}
.ereo-shell-26 #workspace-scope[data-scope=personal]{display:none}
.ereo-shell-26 #branch-select[hidden]{display:none}

/* Use neutral chat surfaces while retaining Ereo's accent and control contrast. */
html.ereo-shell-26[data-theme=light]{--bg:#fafafa;--surface:#fff;--line:#e7e7eb}
html.ereo-shell-26[data-theme=dark]{--bg:#171717;--surface:#232323;--line:#3d3d42}
.ereo-shell-26 #btn-share{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}
@media(min-width:801px){.ereo-shell-26 .shell-sheet[data-mode=tools]{margin:0;width:380px;border-radius:16px;box-shadow:0 12px 44px #0002}.ereo-shell-26 .shell-sheet[data-mode=tools]::backdrop{background:transparent}.ereo-shell-26 .shell-sheet[data-mode=tools] .shell-sheet-head{padding:10px 14px}.ereo-shell-26 .shell-sheet[data-mode=tools] .shell-sheet-head h2{font-size:15px}.ereo-shell-26 .shell-sheet[data-mode=tools] .shell-sheet-body{padding:0 14px 12px}.ereo-shell-26 .shell-sheet[data-mode=tools] .shell-tool-group{margin:10px 0;gap:6px}}