/* Edge-to-edge preview; workspace controls never reserve a white band. */
.home-creative-conversation:has(.home-project-layout:not([data-has-preview=false])){display:flex;flex-direction:column;overflow:hidden}
.home-creative-conversation:has(.home-project-layout:not([data-has-preview=false])) .capability-shell{display:flex;flex-direction:column;flex:1;min-height:0}
.home-creative-conversation .capability-shell-visual .home-project-layout:not([data-has-preview=false]){flex:1;height:auto;min-height:0}
.home-creative-conversation .home-project-preview{position:relative;margin:0;border:0;border-radius:0;background:#ececf0;overflow:hidden;min-height:0}
.home-creative-conversation .home-project-preview .visual-draft-preview{display:flex;flex-direction:column;position:relative;padding:0;gap:0;flex:1;min-height:0;height:100%;background:transparent;border-radius:0}
.home-creative-conversation .home-project-preview .visual-draft-preview>p{display:none}
.home-creative-conversation .home-project-preview .visual-preview-scroll{flex:1;min-height:0;max-height:none;height:100%;border:0;border-radius:0;background:#ececf0}
.home-creative-conversation .home-project-preview .creative-preview-sizes{position:absolute;right:12px;bottom:12px;z-index:4;display:flex;flex-wrap:nowrap;gap:4px;padding:4px;border:1px solid #e4e4e7;border-radius:10px;background:#fffffff2;box-shadow:0 3px 16px #18181b16;max-width:calc(100% - 24px);overflow:auto}
.home-creative-conversation .home-project-preview .home-project-preview-bar{position:absolute;top:12px;right:12px;z-index:4;min-height:0;padding:0;border:0;background:transparent}
.home-creative-conversation .home-project-preview-bar>span{display:none}
.home-creative-conversation .home-project-preview-bar>button{box-shadow:0 3px 16px #18181b20}
.home-creative-conversation .home-project-preview:has(.creative-checkout){overflow:auto;background:#fff}
.home-creative-conversation .home-project-preview:has(.creative-checkout)>.home-project-preview-bar{display:none}
@media(min-width:901px){
 .home-creative-conversation:has(.home-project-layout:not([data-has-preview=false]))>.home-project-header{position:absolute;top:0;left:0;width:320px;height:40px;padding:0 10px;gap:8px;z-index:8;border-right:1px solid #e4e4e7}
 .home-creative-conversation:has(.home-project-layout:not([data-has-preview=false]))>.home-project-header>span{display:none}
 .home-creative-conversation:has(.home-project-layout:not([data-has-preview=false])) .creative-workspace-actions{gap:8px}
 .home-creative-conversation:has(.home-project-layout:not([data-has-preview=false])) .home-project-header .combined-plan>strong{display:none}
 .home-creative-conversation .home-project-layout:not([data-has-preview=false])>.home-project-chat{padding-top:40px}
 .home-creative-conversation .capability-shell-visual .home-project-layout:not([data-has-preview=false])>.home-project-preview{height:100%}
 .home-creative-conversation .home-project-header .combined-plan-popover{left:0;right:auto;width:300px}
}
@media(max-width:900px){
 .home-creative-conversation .capability-shell-visual .home-project-layout>.home-project-preview{height:100%;min-height:0}
 .home-creative-conversation .home-project-preview .creative-preview-sizes{right:6px;bottom:6px;max-width:calc(100% - 12px);gap:2px;padding:3px}
 .home-creative-conversation .home-project-preview .creative-preview-sizes button{font-size:10px;padding:6px;min-height:32px;white-space:nowrap}
 .home-creative-conversation .home-project-preview .home-project-preview-bar{top:8px;right:8px}
}