/* The record stream scrolls independently; the composer stays within reach. */
body.clean-ui:has(#view-workspace.active){height:100dvh;overflow:hidden}
body.clean-ui .content-layout:has(#view-workspace.active){height:calc(100dvh - 64px);min-height:0;display:block}
body.clean-ui .content-layout:has(#view-workspace.active)>.canvas{height:100%;min-height:0;max-height:100%;overflow:hidden;padding:16px 32px 12px;max-width:1120px}
body.clean-ui #view-workspace.active{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}
body.clean-ui #view-workspace>.section-heading{display:none!important}
body.clean-ui #view-workspace .workspace-result-stage{display:flex;flex-direction:column;flex:1;min-height:110px;margin:0 auto;width:100%;max-width:960px}
body.clean-ui #view-workspace .workspace-result-stage-head{flex-wrap:wrap;gap:8px;margin-bottom:4px;flex-shrink:0}
body.clean-ui #view-workspace .workspace-result-stage-head h2{font-size:13px;font-weight:500;color:#71717e}
body.clean-ui #view-workspace .workspace-result-stage-head>span{display:none}
body.clean-ui #view-workspace .workspace-result-stage .generation-timeline{height:auto!important;min-height:0!important;max-height:none!important;flex:1;display:block;text-align:left;overflow-y:auto;overflow-x:hidden;resize:none;border:0;border-radius:0;padding:0 10px 20px;margin:0;background:white;box-shadow:none;scrollbar-width:thin;scrollbar-color:#ddd9e5 transparent;overflow-anchor:none;overscroll-behavior:contain}
.generation-toolbar{display:flex;align-items:center;gap:9px;margin-left:auto}
.generation-toolbar select,.generation-toolbar button{font:inherit;font-size:11px;background:#fff;border:1px solid #e8e5ed;border-radius:7px;padding:5px 9px;color:#7e7194}
.generation-toolbar button:hover{background:#f7f4fc}
.generation-toolbar span{display:inline!important;font-size:10px!important;color:#aaa2b5!important}
.generation-toolbar [hidden]{display:none!important}
.generation-empty{min-height:180px;display:grid;place-content:center;text-align:center;color:#a49aaf;font-size:13px;line-height:1.8}
.generation-empty[hidden]{display:none}
body.clean-ui #view-workspace .generation-record-list{width:100%;max-width:none!important;margin:0!important}
.generation-day{display:flex;align-items:center;gap:16px;font-size:11px;color:#a296b1;padding:20px 0 16px}
.generation-day::before,.generation-day::after{content:'';height:1px;background:#f0edf4;flex:1}
.generation-record{padding:18px 8px 24px;border-bottom:1px solid #f2eff6;scroll-margin-top:10px}
.generation-record-head{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-size:11px;color:#9a8ea9}
.generation-record-head strong{font-size:12px;font-weight:500;color:#736285}
.generation-record-head time{margin-left:auto;font-size:10px;color:#aaa1b5}
body.clean-ui #view-workspace .generation-record-head span{font-size:10px;color:#ad9ebb}
body.clean-ui #view-workspace .generation-timeline .generation-prompt{font-size:14px;line-height:1.8;color:#55465f;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.generation-settings{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
body.clean-ui #view-workspace .generation-settings span{padding:3px 8px;border-radius:6px;background:#f7f5fa;font-size:10px;color:#9a8aa8;overflow-wrap:anywhere;max-width:100%}
.generation-text{font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#43334f;background:#faf8fd;border-radius:12px;padding:16px 18px}
.generation-assets{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.generation-asset{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}
.generation-asset img,.generation-asset video{display:block;max-width:min(100%,460px);max-height:340px;border-radius:10px;background:#f9f7fb;object-fit:contain}
.generation-asset audio{max-width:100%;width:340px}
.generation-asset a{font-size:11px;color:#8b71b3;text-decoration:none}
body.clean-ui #view-workspace .generation-timeline .generation-error{font-size:12px;line-height:1.8;background:#fff7f4;color:#a86652;border-radius:10px;padding:14px}
body.clean-ui #view-workspace .generation-timeline .generation-asset-error,body.clean-ui #view-workspace .generation-timeline .generation-waiting{font-size:12px;color:#a69aaf;margin:8px 0}
.generation-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
body.clean-ui #view-workspace .generation-meta span{font-size:10px;color:#a392b2}
body.clean-ui #view-workspace .generation-meta .failed{color:#b77667}
body.clean-ui #view-workspace .generation-meta .generation-ai{color:#baaac5;border:1px solid #eee7f3;border-radius:5px;padding:2px 5px}
.generation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.generation-actions button{font:inherit;font-size:11px;color:#977eaf;padding:5px 0;background:transparent;border:0;cursor:pointer}
.generation-actions button:hover{color:#705397}
body.clean-ui #view-workspace .unified-entry{flex:none;margin:0 auto;max-width:960px;width:100%}
body.clean-ui #view-workspace .unified-query-row textarea{height:80px;min-height:54px;max-height:min(28dvh,240px);resize:vertical}
body.clean-ui #view-workspace .unified-quick-row,body.clean-ui #view-workspace #workspaceAdvanced,body.clean-ui #view-workspace #workspaceModelExplain,body.clean-ui #view-workspace #workspacePricingNote{display:none!important}
body.clean-ui #view-workspace .unified-utility-row{margin-top:5px}
@media(max-width:720px){body.clean-ui .content-layout:has(#view-workspace.active){height:calc(100dvh - 117px - env(safe-area-inset-bottom,0px))}body.clean-ui .content-layout:has(#view-workspace.active)>.canvas{padding:10px 12px 8px}body.clean-ui #view-workspace.active{gap:6px}.generation-toolbar{gap:5px}.generation-toolbar select,.generation-toolbar button{font-size:10px;padding:5px 6px}.generation-record{padding:14px 2px 20px}.generation-asset img,.generation-asset video{max-height:280px}.generation-text{font-size:13px;padding:13px}body.clean-ui #view-workspace .generation-timeline{padding-left:2px!important;padding-right:2px!important}}
@media(max-height:600px){body.clean-ui #view-workspace .unified-query-row textarea{height:54px;max-height:100px}body.clean-ui #view-workspace .workspace-mode-tabs{min-height:32px}body.clean-ui #view-workspace .workspace-mode-tabs button{min-height:32px}}