/* Mode chrome lives outside #app; keep it out of the sign-in gate.
   Tying visibility to the gate also covers session restore and guest entry. */
body:has(> #gate:not(.hide)) > :is(#modeHeader,#modeCustom,#modeSurface,#modeItems,#v2Rail){display:none!important}
#modeHeader{height:60px;display:flex;align-items:center;gap:16px;padding:8px 18px;background:#fff;border-bottom:1px solid #d6dfe7;position:relative;z-index:80;color:#172e47;font:14px system-ui}#modeHeader button,#modeHeader a{font:inherit;color:inherit;text-decoration:none;cursor:pointer}#modeHeader button{padding:8px 12px;background:#fff;border:1px solid #d6dfe7;border-radius:4px}#modeHeader nav{display:flex;gap:2px;background:#edf1f5;padding:3px;border-radius:6px;margin-left:auto}#modeHeader nav button{border:0;background:transparent}#modeHeader nav [aria-pressed=true]{background:#174e86;color:#fff}#modeProject{max-width:25vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.mode-brand img{height:38px;width:38px}#modeSurface{position:fixed;inset:60px 0 0;z-index:75;background:white;display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0}#modeSurface[hidden]{display:none}#modeMain{min-width:0;min-height:0;overflow:hidden;display:flex}#modeMain>iframe{border:0;width:100%;height:100%}#modeItems{border-left:1px solid #d6dfe7;padding:16px;overflow:auto;font:14px system-ui;color:#20384f}#modeItems header{display:flex;align-items:center;justify-content:space-between;gap:10px}#modeItems button,#modeThreads button{font:inherit;border:1px solid #cdd8e2;border-radius:4px;background:white;padding:8px;color:#174e86;cursor:pointer}#modeItems #modeQuote{width:100%;background:#217752;color:white;margin-top:20px}#modeCustom{margin-top:24px;border-top:1px solid #d6dfe7;padding-top:16px}#modeCustom>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mode-item{padding:14px 0;border-bottom:1px solid #e3e8ed}.mode-item strong,.mode-item small{display:block;overflow-wrap:anywhere}.mode-item small{color:#637487;margin:5px 0}#modeThreads{display:none}body[data-work-mode=ai] #modeSurface{grid-template-columns:210px minmax(0,1fr) 290px}body[data-work-mode=ai] #modeThreads{display:block;border-right:1px solid #d6dfe7;background:#f4f6f8;padding:14px;overflow:auto}#modeThreads button{width:100%;text-align:left;margin-bottom:8px;overflow-wrap:anywhere}#modeThreads [aria-pressed=true]{border-color:#174e86;background:#e5edf6}body[data-work-mode=ai] #mcp-assistant-launch,body[data-work-mode=catalog] #mcp-assistant-launch{display:none!important}body[data-work-mode=ai] #modeMain #mcp-assistant{display:flex!important;position:static!important;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0;border-radius:0;box-shadow:none}body[data-work-mode=ai] #mcp-assistant .mcp-window-controls,body[data-work-mode=ai] #mcp-assistant nav,body[data-work-mode=ai] #mcp-assistant [data-resize]{display:none}body[data-work-mode=ai] #mcp-assistant header{background:#fff;color:#173955;border-bottom:1px solid #d6dfe7}body[data-work-mode=ai] #mcp-assistant header small{color:#637487}#mcp-file-list{font-size:12px;color:#4b6176}#mcp-file-upload{margin:6px 0}body>#app{height:calc(100vh - 60px)}
#modeConversations{display:none}#modeBudget{padding:10px;background:#edf7f1;color:#226445;border-bottom:1px solid #d2e6db;margin-bottom:16px}#modeBudget p{font-weight:600;font-size:12px;white-space:pre-line}#topbar{display:none!important}#v2Rail{top:60px}body[data-work-mode=catalog] #app,body[data-work-mode=ai] #app{visibility:hidden}body[data-work-mode=catalog] .tool-window,body[data-work-mode=ai] .tool-window{visibility:visible}
#modeBudget .estimate-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}#modeBudget .estimate-row>strong{grid-column:1/-1;font-size:13px}#modeBudget .estimate-price{display:flex;flex-direction:column;gap:4px;font-size:15px}#modeBudget .estimate-price small{font-size:12px;color:#496756}#modeBudget .estimate-disclaimer{margin-top:14px;font-size:11px;line-height:1.5}#modeBudget .estimate-disclaimer summary{cursor:pointer;font-weight:600}#modeBudget .estimate-note{font-size:11px;line-height:1.45;margin-top:10px}
#modeHeader .mode-account{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#e5effb;color:#174e86;border:1px solid #cfdef1;font-weight:600;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}#modeHeader .mode-account svg{width:20px;height:20px;flex:none}#modeHeader .mode-account:hover{background:#d5e5f9;border-color:#9ebbe1}#modeHeader .mode-account:focus-visible{outline:3px solid #1d63a6;outline-offset:3px}@media(max-width:680px){#modeHeader .mode-account{padding:7px 10px;gap:6px}#modeHeader .mode-account svg{width:17px;height:17px}}
.mode-model-image,.mode-model-frame{display:block;width:100%;height:165px;box-sizing:border-box;object-fit:contain;border:1px solid #e2e8ed;background:#fff;border-radius:4px;margin-bottom:10px}.mode-model-frame{height:190px}
#modeThreads{min-height:0;font:14px system-ui;color:#20384f}#modeThreadList{max-height:28vh;overflow:auto}#modeCustom>strong{display:block;font-size:13px}#modeCustom>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}#modeCustom button{display:flex;align-items:center;gap:9px;margin:0;min-height:66px;padding:7px;text-align:left;line-height:1.3;font-size:12px;font-weight:600}#modeCustom button img{display:block;width:64px;height:50px;flex:none;object-fit:contain;background:#fff}#modeCustom button span{min-width:0;overflow-wrap:anywhere}#modeCustom button:hover{background:#edf4fb;border-color:#9db9d6}#modeCustom button:focus-visible{outline:3px solid #1d63a6;outline-offset:2px}body[data-work-mode=catalog] #modeSurface{grid-template-columns:210px minmax(0,1fr) 290px}body[data-work-mode=catalog] #modeThreads{display:block;border-right:1px solid #d6dfe7;background:#f4f6f8;padding:14px;overflow:auto}body[data-work-mode=catalog] #modeNewChat,body[data-work-mode=catalog] #modeThreadList{display:none}body[data-work-mode=catalog] #modeCustom{margin-top:0;padding-top:0;border:0}
@media(max-width:680px){body[data-work-mode=ai] #modeConversations{display:block;font-size:12px;padding:5px}body[data-work-mode=ai].threads-open #modeThreads{display:block!important;position:absolute;inset:0 auto 0 0;width:230px;z-index:2;box-shadow:10px 0 24px #172e4733}#modeProject{max-width:22vw!important}}
@media(max-width:1000px){body[data-work-mode=ai] #modeSurface{grid-template-columns:160px minmax(0,1fr)}body[data-work-mode=ai] #modeItems{display:none}#modeSurface{grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:680px){#modeHeader{height:96px;gap:8px;flex-wrap:wrap;padding:6px 10px}#modeHeader nav{order:5;width:100%;justify-content:center}#modeHeader nav button{flex:1}#modeProject{max-width:28vw;font-size:12px}#modeHeader .mode-brand{display:none}#modeSurface{top:96px;grid-template-columns:1fr!important}#modeItems{display:none}body[data-work-mode=ai] #modeThreads{display:none}#modeHeader a{font-size:12px}body>#app{height:calc(100vh - 96px)}#v2Rail{top:96px}}
@media(min-width:681px) and (max-width:1000px){body[data-work-mode=catalog] #modeSurface{grid-template-columns:160px minmax(0,1fr)}body[data-work-mode=catalog] #modeItems{display:none}#modeCustom button{flex-direction:column;align-items:flex-start}#modeCustom button img{width:100%;height:62px}}
@media(max-width:680px){body[data-work-mode=catalog] #modeConversations{display:block;font-size:12px;padding:5px}body[data-work-mode=catalog] #modeThreads{display:none}body[data-work-mode=catalog].threads-open #modeThreads{display:block;position:absolute;inset:0 auto 0 0;width:230px;z-index:2;box-shadow:10px 0 24px #172e4733}}
/* Project cart: complete builds first, included components on demand. */
#modeItems{padding:0;display:flex;flex-direction:column;min-height:0;background:#fff;box-shadow:-4px 0 20px #172e4708}#modeItems[hidden]{display:none!important}
#modeItems>header{padding:18px 16px;border-bottom:1px solid #d6dfe7;flex:none}#modeItems>header strong{font-size:17px}#modeCartCount{display:block;font-size:12px;color:#637487;margin-top:4px}
#modeCartBody{overflow:auto;min-height:0;flex:1;padding:0 16px}#modeItems footer{padding:12px 16px;border-top:1px solid #d6dfe7;background:#f8fafc;display:grid;gap:8px;flex:none}#modeItems footer button{width:100%;font-weight:600}#modeItems #modeQuote{margin:0}#modeItems #modeReview{background:#174e86;border-color:#174e86;color:#fff}#modeItems #modeQuote{background:#fff;color:#174e86}
.mode-cart-help,.mode-cart-empty{font-size:12px;line-height:1.5;color:#637487;margin:14px 0}.mode-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:16px 0;align-items:start}.mode-item-content{grid-column:-2/-1;min-width:0}.mode-item strong{font-size:13px;line-height:1.4}.mode-item small{font-size:12px;line-height:1.4}.mode-item button{font-size:12px!important;padding:5px 8px!important}.mode-model-image{width:64px;height:64px;margin:0;border-radius:6px}.mode-included{grid-column:1/-1;font-size:12px}.mode-included>summary{cursor:pointer;padding:6px 0;color:#174e86;font-weight:600}.mode-included>small{color:#637487}.mode-item-child{display:block;margin-left:8px;padding:10px 0 10px 10px;border-left:2px solid #e3e8ed;border-bottom:0}.mode-item-child .mode-item-content{display:block}
#modeBudget{margin:18px 0;padding:12px;border:1px solid #d2e6db;border-radius:6px}#modeBudget>small{display:block;margin:6px 0;font-size:11px}.mode-budget-title{font-size:14px}#modeBudget .estimate-row{gap:10px}#modeBudget .estimate-row>strong{font-size:12px}#modeBudget .estimate-disclaimer{margin-top:12px}#modeCartToggle{white-space:nowrap}body[data-work-mode=workspace] #modeCartToggle{display:none}
body[data-work-mode=ai] #modeSurface,body[data-work-mode=catalog] #modeSurface{grid-template-columns:210px minmax(0,1fr) 320px}body[data-work-mode=ai] #modeSurface.cart-collapsed,body[data-work-mode=catalog] #modeSurface.cart-collapsed{grid-template-columns:210px minmax(0,1fr)}
#modeItems button:focus-visible,#modeCartToggle:focus-visible,.mode-included>summary:focus-visible{outline:3px solid #1d63a6;outline-offset:2px}
@media(max-width:1000px){body[data-work-mode=ai] #modeSurface,body[data-work-mode=catalog] #modeSurface,body[data-work-mode=ai] #modeSurface.cart-collapsed,body[data-work-mode=catalog] #modeSurface.cart-collapsed{grid-template-columns:160px minmax(0,1fr)}body[data-work-mode=ai] #modeItems,body[data-work-mode=catalog] #modeItems{display:flex;position:absolute;right:0;top:0;bottom:0;width:min(360px,100%);z-index:4;box-shadow:-12px 0 32px #172e4733}}
@media(max-width:680px){#modeCartToggle{font-size:12px!important;padding:7px!important}#modeHeader{gap:6px}#modeHeader .mode-account{padding:6px 8px}#modeProject{max-width:20vw!important}body[data-work-mode=ai] #modeSurface,body[data-work-mode=catalog] #modeSurface{grid-template-columns:1fr}#modeItems>header{padding:12px 16px}}
@media(max-width:680px){#modeHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-rows:36px 36px;align-content:center}#modeHeader [data-home]{grid-column:1;grid-row:1;padding:7px}#modeProject{grid-column:2;grid-row:1;max-width:none!important}#modeConversations{grid-column:3;grid-row:1}#modeCartToggle{grid-column:4;grid-row:1}#modeHeader .mode-account{grid-column:5;grid-row:1;font-size:0;gap:0;padding:8px}#modeHeader nav{grid-column:1/-1;grid-row:2;box-sizing:border-box;width:100%;margin:0}}
#modeItems [hidden]{display:none!important}#modeCartProjects{padding:12px 16px;border-bottom:1px solid #d6dfe7;flex:none;background:#f8fafc}#modeItems #modeProjectsBack{font-size:12px;padding:6px 8px}#modeCurrentProject{display:block;margin-top:9px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}#modeProjectMenu{padding:0 16px 16px;flex:1;min-height:0;overflow:auto}#modeItems #modeProjectNew{width:100%;font-size:13px;font-weight:600;background:#174e86;color:#fff;border-color:#174e86}#modeProjectList{display:grid;gap:8px;margin-top:16px}#modeItems .mode-project-entry{display:block;text-align:left;padding:12px;line-height:1.4}#modeItems .mode-project-entry strong{display:block;font-size:13px;overflow-wrap:anywhere}#modeItems .mode-project-entry small{display:block;font-size:12px;color:#637487;margin-top:5px}.mode-project-entry:hover{background:#f1f6fc!important;border-color:#9db9d6!important}#modeItems .mode-project-entry[aria-current]{background:#edf4fc;border-color:#9db9d6}#modeProjectMenu label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}#modeProjectName{box-sizing:border-box;min-width:0;width:100%;font:13px system-ui;color:#20384f;border:1px solid #cdd8e2;border-radius:4px;background:#fff;padding:8px}#modeProjectForm{margin-top:12px}#modeProjectForm>div{display:flex;gap:6px;margin-top:8px}#modeItems #modeProjectForm button{font-size:12px;padding:7px}#modeProjectForm [type=submit]{background:#174e86;color:#fff}#modeProjectStatus{font-size:12px;line-height:1.4;color:#496176;margin:8px 0 0}#modeProjectStatus:empty{display:none}#modeProjectName:focus-visible{outline:3px solid #1d63a6;outline-offset:2px}#modeItems button:disabled{opacity:.6;cursor:wait}
/* Keep the embedded assistant's window layer inside its column so mobile drawers remain interactive. */
#modeMain{isolation:isolate}
@media(min-width:1100px){body.assistant-coedit[data-work-mode=ai] #modeSurface{right:56vw;grid-template-columns:140px minmax(0,1fr)}body.assistant-coedit[data-work-mode=ai] #modeItems{display:none}body.assistant-coedit[data-work-mode=ai] #modeThreads{padding:8px}}
#cfgOv.tool-hidden{display:none!important}

/* Shared shell: shortcuts above, project cart left, tools right. */
body[data-work-mode]{--shell-header:60px;--shell-shortcuts:82px;--shell-top:calc(var(--shell-header) + var(--shell-shortcuts));--shell-tools:58px;--shell-cart:0px}
body[data-tools-collapsed=false]{--shell-tools:192px}body[data-cart-open=true]{--shell-cart:280px}
#modeHeader{height:var(--shell-header);position:relative;z-index:105}
#modeCustom{position:relative;z-index:85;height:var(--shell-shortcuts);margin:0;padding:8px 14px;display:flex;align-items:center;gap:14px;background:#fff;border:0;border-bottom:1px solid #d6dfe7;width:calc(100% - var(--shell-tools));overflow:hidden}
#modeCustom>strong{flex:none;width:78px;font-size:12px;line-height:1.4;color:#435b73}
#modeCustom>div{display:flex;gap:8px;overflow:auto;margin:0;min-width:0;scrollbar-width:thin;padding:2px}
#modeCustom button{display:flex;align-items:center;gap:8px;flex:0 0 142px;min-height:58px;margin:0;padding:5px 8px;border:1px solid #d4dfeb;border-radius:8px;background:#fff;color:#174e86;font:650 12px/1.3 system-ui;cursor:pointer;text-align:left}
#modeCustom button img{width:46px;height:44px;flex:none;object-fit:contain}#modeCustom button span{overflow-wrap:normal}
#modeCustom button:hover{background:#edf4fb;border-color:#9db9d6}
body[data-work-mode] #modeSurface,body[data-work-mode] #modeSurface.cart-collapsed,body.assistant-coedit[data-work-mode=ai] #modeSurface{inset:var(--shell-top) var(--shell-tools) 0 var(--shell-cart);display:block;grid-template-columns:none;background:#f4f7fb}
body[data-work-mode] #modeSurface[hidden]{display:none}
#modeMain{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0;isolation:isolate}
#modeMain>iframe{flex:1;min-height:0}#modeChatHost{flex:1;min-height:0;display:flex;isolation:isolate}
body[data-work-mode=ai] #modeThreads{display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-bottom:1px solid #d6dfe7;background:white;flex:none;overflow:hidden}
#modeThreads>#modeNewChat{flex:0 0 auto;width:auto;margin:0;white-space:nowrap}#modeThreadList{display:flex;gap:7px;max-height:none;overflow:auto;min-width:0}#modeThreadList button{width:180px;min-width:120px;max-width:200px;font-size:12px;line-height:1.3;margin:0;max-height:48px;overflow:hidden}
body[data-work-mode=catalog] #modeThreads,body[data-work-mode=workspace] #modeThreads{display:none}
body[data-work-mode=ai] #modeMain #mcp-assistant{height:100%!important;width:100%!important;min-height:0;position:static!important;border-radius:0}
body[data-work-mode=ai] #modeMain #mcp-assistant .mcp-window-controls{display:flex}body[data-work-mode=ai] #modeMain #mcp-assistant .mcp-window-controls button{display:none}body[data-work-mode=ai] #modeMain #mcp-assistant .mcp-window-controls [data-popout]{display:block;background:#e6eff9;color:#174e86}
body[data-work-mode] #mcp-assistant-launch{display:flex!important;right:calc(var(--shell-tools) + 16px)}body[data-work-mode=ai]:has(#modeChatHost>#mcp-assistant) #mcp-assistant-launch{display:none!important}
#mcp-assistant:not(#modeMain #mcp-assistant) [data-popout]{display:none}
body[data-work-mode] #modeItems{position:fixed;inset:var(--shell-top) auto 0 0;width:280px;z-index:90;display:flex;border-right:1px solid #d6dfe7;border-left:0;box-shadow:4px 0 20px #172e4708}
body[data-work-mode] #modeItems[hidden]{display:none!important}body[data-work-mode] #modeCartToggle{display:block}
body[data-work-mode]>#app{height:calc(100dvh - var(--shell-top));margin-left:var(--shell-cart);width:calc(100% - var(--shell-cart));padding-right:var(--shell-tools)}
body[data-work-mode]>#v2Rail{visibility:visible;top:var(--shell-header);width:var(--shell-tools);z-index:100}
body[data-tools-collapsed=true] #v2Rail .v2-rail-button span{display:none}body[data-tools-collapsed=true] #v2Rail .v2-rail-button{justify-content:center;padding:10px 0}
body[data-work-mode=ai] #modeConversations,body[data-work-mode=catalog] #modeConversations{display:none}
@media(min-width:1100px){body.assistant-coedit[data-work-mode=ai]:has(#modeChatHost>#mcp-assistant) #modeSurface{right:44vw}body.assistant-coedit[data-work-mode=ai] #modeItems{display:flex}}
@media(max-width:1100px){body[data-work-mode]{--shell-cart:0px}body[data-work-mode] #modeItems{width:min(320px,calc(100vw - var(--shell-tools)));box-shadow:10px 0 32px #172e4733}body[data-work-mode] #modeCustom>strong{display:none}}
@media(max-width:680px){
 body[data-work-mode]{--shell-header:96px;--shell-shortcuts:72px;--shell-tools:48px}
 body[data-tools-collapsed=false]{--shell-tools:48px}
 body[data-work-mode] #modeHeader{height:96px}
 #modeCustom{padding:6px 8px;gap:6px}#modeCustom button{flex-basis:126px;min-height:54px;font-size:11px;gap:5px}#modeCustom button img{width:36px;height:38px}
 body[data-work-mode] #v2Rail{width:48px;padding:6px 3px}body[data-work-mode] #v2Rail .v2-rail-button{padding:8px 0;justify-content:center;min-height:46px}body[data-work-mode] #v2Rail .v2-rail-button span{display:none}
 body[data-work-mode] #modeSurface,body[data-work-mode] #modeSurface.cart-collapsed{inset:var(--shell-top) 48px 0 0}
 body[data-work-mode] #modeItems{width:min(300px,calc(100vw - 48px));left:0;right:auto;top:var(--shell-top)}
 body[data-work-mode=ai] #modeThreads{display:flex!important;position:static!important;width:auto!important;padding:6px;box-shadow:none!important}#modeThreadList button{font-size:11px;min-width:110px}#modeThreads>#modeNewChat{font-size:11px;padding:7px}
 body[data-work-mode] #modeMain #mcp-assistant .mcp-window-header{padding:8px}body[data-work-mode] #modeMain #mcp-assistant .mcp-brand-icon{width:26px;height:26px}body[data-work-mode] #modeMain #mcp-assistant .mcp-window-title strong{font-size:14px}
}
body[data-work-mode]>#mcp-assistant .mcp-window-controls{display:flex!important}body[data-work-mode]>#mcp-assistant nav{display:flex!important}body[data-work-mode]>#mcp-assistant [data-resize]{display:block}body[data-work-mode]>#mcp-assistant [data-popout]{display:none}
body[data-work-mode]>#mcp-assistant header{background:linear-gradient(120deg,#0d2444,#173f70);color:white}body[data-work-mode]>#mcp-assistant header small{color:#dae6f6}
@media(max-width:860px){body[data-work-mode]>#mcp-assistant [data-resize]{display:none}}
#modeCustom>div{flex-wrap:nowrap;height:100%;align-items:center}#modeCustom button{flex-basis:126px;font-size:11.5px}
#modeChatReturn{display:none;font:650 15px system-ui;color:#174e86;background:white;border:1px solid #b8cce0;border-radius:9px;padding:14px 18px;margin:auto;cursor:pointer}#modeChatHost:not(:has(#mcp-assistant)) #modeChatReturn{display:block}

/* Workspace keeps its original builder; the extra cart and shortcuts belong to the AI/store shell. */
body[data-work-mode=workspace]{--shell-shortcuts:0px;--shell-cart:0px}
body[data-work-mode=workspace] #modeCustom,body[data-work-mode=workspace] #modeItems,body[data-work-mode=workspace] #modeCartToggle{display:none!important}

/* Project-scoped conversation library. Workspace's builder remains independent. */
body[data-work-mode=ai]{--shell-cart:0px}
body[data-work-mode=ai] #modeSurface{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;gap:0}
body[data-work-mode=ai] #modeSurface[hidden]{display:none!important}
body[data-work-mode=ai] #modeMain{grid-column:2;min-width:0;height:100%}
body[data-work-mode=ai] #modeThreads{grid-column:1;grid-row:1;display:flex!important;position:relative!important;inset:auto!important;flex-direction:column;align-items:stretch;width:auto!important;gap:14px;padding:16px 12px!important;background:#f5f7fa;border:0;border-right:1px solid #dce4ee;overflow:auto;box-shadow:none!important;min-height:0;font:14px/1.4 system-ui;color:#243c57}
.mode-library-brand{display:flex;align-items:center;gap:8px}.mode-library-brand img{width:28px;height:28px}.mode-library-brand strong{flex:1;font-size:14px}
#modeThreads #modeLibraryClose{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;margin:0;background:transparent;border:0;font-size:22px}
#modeThreads #modeNewChat{width:100%;min-height:42px;background:#fff;font-weight:650;border-radius:9px;border-color:#c7d5e6;margin:0}
.mode-search span,.mode-library-project>label{display:block;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#64758c;margin-bottom:7px}
#modeChatSearch,#modeLibraryProject{box-sizing:border-box;width:100%;min-width:0;font:14px system-ui;color:#243c57;border:1px solid #cdd8e6;border-radius:8px;padding:10px;background:#fff}
.mode-library-project{padding:12px 0;border-top:1px solid #dce4ee;border-bottom:1px solid #dce4ee}.mode-project-choose{display:flex;gap:5px}
#modeThreads #modeLibraryNewProject{width:34px;min-width:34px;min-height:38px;padding:0;margin:0;border-radius:8px}
#modeThreads #modeLibraryDetails{font-size:12px;width:auto;margin:9px 0 0;border:0;background:transparent;padding:3px 0;color:#215e9b}
#modeLibrarySummary{font-size:11px;color:#65768c;margin:6px 0 0;line-height:1.5}
.mode-chat-filters{display:flex;gap:5px}#modeThreads .mode-chat-filters button{width:auto;margin:0;padding:5px 10px;border:0;border-radius:7px;background:transparent;font-size:12px;color:#586b82}#modeThreads .mode-chat-filters [aria-pressed=true]{background:#e2ebf6;color:#174e86;font-weight:700}
#modeThreadList{display:block;overflow:visible;flex:1;max-height:none;width:100%;min-height:80px}
#modeThreadList h3{font-size:11px;color:#6b7b90;font-weight:650;margin:16px 8px 7px}
.mode-chat-row{display:flex;align-items:center;position:relative;border-radius:8px;margin:3px 0;min-width:0}.mode-chat-row:hover{background:#eaf0f7}.mode-chat-row.active{background:#e3edf9}
#modeThreadList .mode-chat-open{border:0;background:transparent;flex:1;min-width:0;width:0;max-width:none;max-height:none;min-height:42px;padding:9px 8px;margin:0;color:#29415f;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;border-radius:8px}
#modeThreadList .active .mode-chat-open{font-weight:700;color:#164c83}
.mode-chat-menu{flex:none;position:relative}.mode-chat-menu>summary{display:grid;place-items:center;cursor:pointer;list-style:none;width:28px;height:36px;font-weight:800;color:#526c88;border-radius:7px}.mode-chat-menu>summary::-webkit-details-marker{display:none}.mode-chat-menu[open]{z-index:5}.mode-chat-menu>div{position:absolute;right:0;top:36px;width:135px;background:#fff;box-shadow:0 8px 25px #112d4e26;border:1px solid #d1ddea;border-radius:9px;padding:5px}
#modeThreadList .mode-chat-menu button{display:block;width:100%;min-width:0;max-width:none;margin:0;border:0;text-align:left;font-size:13px;max-height:none;background:#fff;padding:8px}#modeThreadList .mode-chat-menu button:hover{background:#edf3fa}
.mode-library-storage{font-size:11px;line-height:1.5;color:#6b7b90;margin:10px 5px 0;padding-top:12px;border-top:1px solid #dce4ee}.mode-no-chats{font-size:13px;color:#697b91;padding:10px;line-height:1.5}
body[data-work-mode=ai] #modeConversations{display:block;font-size:13px}
body[data-work-mode=ai].library-collapsed #modeSurface,body.assistant-coedit[data-work-mode=ai] #modeSurface{grid-template-columns:minmax(0,1fr)!important}
body[data-work-mode=ai].library-collapsed #modeThreads,body.assistant-coedit[data-work-mode=ai] #modeThreads{display:none!important}
body[data-work-mode=ai].library-collapsed #modeMain,body.assistant-coedit[data-work-mode=ai] #modeMain{grid-column:1}
body[data-work-mode=ai].threads-open #modeThreads{display:flex!important;position:absolute!important;inset:0 auto 0 0!important;width:252px!important;height:100%;z-index:80;box-shadow:12px 0 35px #18334e33!important}
body[data-work-mode=ai].threads-open #modeThreads:after{content:'';display:block;min-height:80px;flex:none}
.mode-library-dialog{width:min(470px,calc(100vw - 32px));border:1px solid #c9d6e6;border-radius:16px;padding:24px;color:#243c57;font:15px/1.5 system-ui;box-shadow:0 24px 80px #132f4c40}.mode-library-dialog::backdrop{background:#172e474d}.mode-library-dialog h2{font-size:21px;margin:0 0 20px}.mode-library-dialog label{display:block;font-weight:650;font-size:13px;margin:14px 0}.mode-library-dialog input,.mode-library-dialog textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #bacbdd;border-radius:9px;padding:10px;font:16px/1.5 system-ui;margin-top:7px;color:#243c57}.mode-library-dialog textarea{min-height:150px;resize:vertical}.mode-library-dialog p{font-size:12px;color:#657890}.mode-library-dialog [role=alert]{color:#ae1933}.mode-library-dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mode-library-dialog button{font:650 14px system-ui;padding:10px 16px;border-radius:8px;border:1px solid #c6d4e4;background:#fff;color:#29415f;cursor:pointer}.mode-library-dialog [type=submit]{background:#164e87;color:white;border-color:#164e87}
#modeThreads :focus-visible,.mode-library-dialog :focus-visible{outline:3px solid #397de1;outline-offset:2px}
@media(max-width:1000px){body[data-work-mode=ai] #modeSurface{grid-template-columns:minmax(0,1fr)!important}body[data-work-mode=ai] #modeMain{grid-column:1}body[data-work-mode=ai] #modeThreads{display:none!important}}
@media(max-width:680px){body[data-work-mode=ai].threads-open #modeThreads{width:min(290px,calc(100vw - 60px))!important}body[data-work-mode=ai] #modeConversations{font-size:12px;padding:7px}#modeHeader{gap:6px}.mode-library-dialog{padding:18px}}
/* Let the sidebar scroll before conversation rows can overlap its storage note. */
#modeThreadList{flex:1 0 auto}