/* Fixed Lovart-style shell; only display-lovart changes column placement. */
#viewChat #workspace { padding:0!important; background:#161616; }
#viewChat #workBody { display:grid!important; grid-template-columns:minmax(300px,30%) minmax(0,1fr); gap:0!important; height:100%; min-height:0; overflow:hidden; }
#viewChat #workMain { grid-column:1; grid-row:1; display:flex!important; flex-direction:column; align-items:stretch!important; justify-content:flex-start!important; position:relative!important; width:auto!important; min-width:0!important; max-width:none!important; height:100%!important; padding:0!important; border:0!important; background:#161616; overflow:hidden; }
#viewChat #generationLibrary { grid-column:2; grid-row:1; display:flex; flex-direction:column; position:relative; min-width:0; min-height:0; overflow:hidden; border-left:1px solid #ffffff12; background:#161616; }
body.display-lovart #viewChat #workBody { grid-template-columns:minmax(0,1fr) minmax(300px,30%); }
body.display-lovart #viewChat #workMain { grid-column:2; }
body.display-lovart #viewChat #generationLibrary { grid-column:1; border-left:0; border-right:1px solid #ffffff12; }
#viewChat #generationLibrary #chatTopbar { display:block!important; position:relative!important; inset:auto!important; transform:none!important; width:100%!important; max-width:none!important; flex:0 0 52px; padding:8px 16px!important; box-sizing:border-box; z-index:15; }
#viewChat #generationLibrary #sessionFilters { position:static!important; width:100%; justify-content:flex-start; }
#viewChat #cfbSourceRow { display:flex!important; flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; }
#viewChat #filterAssetsBtn { display:none!important; }
#viewChat #generationLibrary #genSourcePanel { position:relative!important; inset:auto!important; flex:1; min-height:0; width:100%; height:auto!important; padding:0!important; overflow:auto; }
#viewChat #generationLibrary #genSourcePanel.hidden { display:none!important; }
#viewChat #generationLibrary #assetsDrawer { position:relative!important; inset:auto!important; display:none!important; flex:1!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; transform:none!important; border:0!important; overflow:hidden; }
#viewChat #generationLibrary[data-source="assets"] #assetsDrawer,
body:not(.display-lovart) #viewChat #generationLibrary[data-source="chat"] #assetsDrawer { display:flex!important; }
#viewChat #generationLibrary #assetsDrawer { background:#161616!important; }
#viewChat #generationLibrary #lovartStage { display:none!important; position:relative!important; flex:1; min-width:0!important; width:100%!important; height:auto!important; }
body.display-lovart #viewChat #generationLibrary[data-source="chat"] #lovartStage { display:flex!important; }
#viewChat #btnExpandAssets, #viewChat #assetsDrawerToggle { display:none!important; }
#viewChat #workScroll { display:block!important; flex:1; min-height:0; width:100%; padding:24px 18px!important; overflow:auto; box-sizing:border-box; }
#viewChat #timeline { width:100%!important; max-width:none!important; margin:0!important; }
#viewChat #timeline img, #viewChat #timeline video { max-width:100%; }
#viewChat #composerDock { position:relative!important; inset:auto!important; flex:0 0 auto; width:100%!important; max-width:none!important; padding:12px 16px 20px!important; transform:none!important; box-sizing:border-box; }
#viewChat #composerGlassChat { width:100%!important; max-width:none!important; border-radius:24px!important; background:#202020!important; border:1px solid #ffffff18!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
#viewChat #composerGlassChat .glass-surface__content { width:100%!important; backdrop-filter:none!important; filter:none!important; }
#viewChat #composerChat { width:100%!important; max-width:none!important; padding:16px!important; box-sizing:border-box; }
#viewChat #promptChat { height:60px; min-height:60px; font-size:14px; }
#viewChat #composerChat .composer-bar { display:flex!important; flex-wrap:wrap!important; gap:8px; height:auto!important; }
#viewChat #composerChat .composer-bar > .ofs-wrap, #viewChat #barChat { display:none!important; }
#viewChat #composerChat.settings-open .composer-bar > .ofs-wrap { display:block!important; flex:0 0 100%; max-width:100%; }
#viewChat #composerChat.settings-open #barChat { display:flex!important; flex-wrap:wrap; }
#viewChat #composerChat .bar-right { margin-left:auto!important; }
#viewChat .source-compose-tools { display:block; position:relative; margin-right:auto; }
#viewChat .source-preferences { display:grid; }
#viewChat .generation-settings { border:0; background:none; color:#aaa; font-size:12px; cursor:pointer; padding:4px; }
#viewChat #sourceComposeHero, #viewChat #sourceComposeHints { display:none!important; }
#viewChat .workspace.empty #workScroll { display:none!important; }
#viewChat .workspace.empty #workMain { justify-content:center!important; }
#viewChat .workspace.empty #sourceComposeHero { display:block!important; margin:0 16px 18px; }
#viewChat .workspace.empty #sourceComposeHints { display:block!important; margin:4px 28px 0; }
#viewChat #workspace #modeOrb { display:block!important; z-index:40; }
@media(max-width:800px) {
  #viewChat #workBody { grid-template-columns:minmax(260px,42%) minmax(0,1fr); }
  body.display-lovart #viewChat #workBody { grid-template-columns:minmax(0,1fr) minmax(260px,42%); }
}
/* Classic mode is a canvas, not another conversation split. */
body.display-lovart #viewChat #workBody { grid-template-columns:minmax(0,1fr)!important; }
body.display-lovart #viewChat #workMain { display:none!important; }
body.display-lovart #viewChat #generationLibrary { grid-column:1!important; border:0!important; }
body.display-lovart #viewChat #generationLibrary #chatTopbar,
body.display-lovart #viewChat #generationLibrary #genSourcePanel,
body.display-lovart #viewChat #generationLibrary #assetsDrawer { display:none!important; }
body.display-lovart #viewChat #generationLibrary #lovartStage { display:flex!important; }
.generation-source-add { display:inline-flex; }
#generationSourceMenu { position:absolute; top:48px; right:16px; width:250px; background:#242424; border:1px solid #ffffff20; border-radius:12px; padding:8px; box-shadow:0 12px 36px #0006; }
#generationSourceMenu[hidden] { display:none; }
#generationSourceMenu button,#generationSourceMenu>span { display:block; border:0; background:none; color:#ddd; padding:12px; font:13px system-ui; width:100%; text-align:left; }
#generationSourceMenu>span { color:#888; box-sizing:border-box; }
#viewChat #gspClip { padding:0!important; min-height:100%; }
.chuyan-clip-tabs { display:flex; align-items:center; gap:16px; height:44px; padding:0 20px; border-bottom:1px solid #ffffff12; }
#clipCategories { display:flex; gap:20px; overflow:auto; flex:1; align-self:stretch; }
.chuyan-clip-tabs button { background:none; border:0; color:#929292; cursor:pointer; white-space:nowrap; font:14px system-ui; padding:0; }
#clipCategories button[aria-selected="true"] { color:#eee; border-bottom:1px solid #eee; }
#clipNewCategory,#clipViewToggle { font-size:22px; }
.chuyan-clip-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:calc(100vh - 190px); text-align:center; padding:32px; box-sizing:border-box; }
.chuyan-clip-empty[hidden] { display:none; }
.chuyan-clip-empty h2 { font-size:20px; font-weight:500; margin:26px 0 10px; }
.chuyan-clip-empty p { font-size:14px; line-height:1.8; color:#8e8e8e; margin:0 0 22px; }
.clip-illustration { width:min(390px,90%); height:216px; display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:4px; overflow:hidden; border-radius:9px; position:relative; background:#141414; }
.clip-art-one { padding:24px 10px; background:linear-gradient(150deg,#e8edce 0 32%,#294934 33% 55%,#e78943 56%); color:#172f25; font:bold 25px/1.2 system-ui; text-align:left; }
.clip-art-two { background:radial-gradient(circle at 80% 90%,#ffe56a 0 26%,#f7ffd1 27% 29%,transparent 30%),radial-gradient(ellipse at 50% 65%,#f4481f 0 45%,transparent 46%),#42abc1; }
.clip-art-three { background:linear-gradient(#ffda4d 0 62%,#40a6bb 62%); color:#252511; text-align:left; padding:14px; font:bold 20px system-ui; }
.clip-art-three small { display:block; margin-top:24px; font:11px/1.3 system-ui; }
.clip-save-demo { position:absolute; left:10px; bottom:12px; padding:10px 14px; background:#333a; color:white; border-radius:24px; font:16px system-ui; backdrop-filter:blur(8px); }
.clip-sites { display:flex; gap:8px; margin-bottom:16px; }
.clip-sites a { padding:8px 16px; border:1px solid #ffffff20; border-radius:24px; color:#ccc; text-decoration:none; font:14px system-ui; }
.clip-link-import { margin:16px 20px; color:#999; font-size:13px; }
.clip-link-import summary { cursor:pointer; }
#gspClipSaved { padding:16px 20px; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); }
#gspClipSaved:empty { display:none; }
.clip-saved-card { min-width:0; }
.clip-saved-card .gsp-card { width:100%; }
.clip-saved-card select { width:100%; color:#aaa; background:#222; border:1px solid #ffffff15; border-radius:6px; padding:6px; }
#gspClipSaved.clip-list { display:flex; flex-direction:column; }
.clip-list .clip-saved-card { display:flex; gap:16px; align-items:center; }
.clip-list .gsp-card { display:flex; flex:1; text-align:left; gap:16px; }
.clip-list .gsp-card img { width:80px; height:70px; object-fit:cover; }
.clip-list select { width:160px; }
/* Canvas stays full width. The composer is a floating, collapsible tool. */
#canvasComposeHead,#canvasSelectionContext { display:none; }
#canvasReferenceContext { display:flex; align-items:center; gap:8px; width:100%; min-width:0; max-width:100%; box-sizing:border-box; border:1px solid #8cdedb40; background:#8cdedb12; color:#b8e5e2; padding:8px 10px; border-radius:10px; margin-bottom:8px; font-size:12px; }
#canvasReferenceContext[hidden] { display:none!important; }
#canvasReferenceTitle { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#canvasReferenceClear { border:0; background:none; color:inherit; cursor:pointer; font-size:18px; }
body.display-lovart #viewChat #workBody { position:relative; }
body.display-lovart #viewChat #workMain { display:flex!important; position:absolute!important; grid-column:auto!important; inset:auto 20px 20px auto!important; width:min(430px,calc(100% - 40px))!important; height:auto!important; max-height:calc(100% - 40px)!important; z-index:25; border:1px solid #ffffff20!important; border-radius:22px; box-shadow:0 16px 50px #0005; background:#1b1d20f5; overflow:visible; }
body.display-lovart #viewChat #canvasComposeHead { display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:20px; }
#canvasComposeHead strong { font-size:13px; font-weight:500; margin-right:auto; }
#canvasComposeHead button,#canvasSelectionContext button { border:0; border-radius:6px; background:#ffffff0b; color:#bbb; font-size:12px; padding:5px 8px; cursor:pointer; }
body.display-lovart #viewChat #workMain #workScroll { display:none!important; }
body.display-lovart #viewChat #workMain.canvas-history-open #workScroll { display:block!important; flex:0 1 auto; height:40vh; max-height:40vh; border-top:1px solid #ffffff0a; }
body.display-lovart #viewChat #workMain #composerDock { padding:0 10px 10px!important; }
body.display-lovart #viewChat #workMain #composerGlassChat { border-radius:16px!important; }
body.display-lovart #viewChat #workMain #sourceComposeHero,
body.display-lovart #viewChat #workMain #sourceComposeHints { display:none!important; }
body.display-lovart #viewChat #canvasSelectionContext { display:flex; align-items:center; gap:8px; padding:0 16px 10px; font-size:12px; color:#999; }
body.display-lovart #viewChat #canvasSelectionContext[hidden] { display:none!important; }
#canvasSelectedTitle { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
body.display-lovart #viewChat #workMain.canvas-compose-collapsed #composerDock,
body.display-lovart #viewChat #workMain.canvas-compose-collapsed #workScroll,
body.display-lovart #viewChat #workMain.canvas-compose-collapsed #canvasSelectionContext { display:none!important; }
body.display-lovart #viewChat #lovartToolbar { left:auto!important; right:14px!important; bottom:10px!important; top:auto!important; transform:none!important; max-width:none!important; }