
/* Single-line idle composer and slim brand scrollbars. */
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown){position:relative}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) textarea{height:40px!important;min-height:40px;padding:6px 44px 6px 12px}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown):has(.creative-tools-trigger) textarea{padding-left:46px}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) .creative-composer-bottom{position:absolute;inset:0 6px;display:flex;align-items:center;justify-content:space-between;padding:0;gap:0;pointer-events:none}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) .creative-composer-bottom>button{pointer-events:auto}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) .creative-composer-bottom :is(.creative-composer-hint,.creative-suggestions-menu){display:none}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) button.creative-send{margin-left:auto}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) button.creative-tools-trigger{width:30px;min-width:30px;min-height:30px;padding:0;display:grid;place-items:center;font-size:0}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:not(:focus-within):has(textarea:placeholder-shown) button.creative-tools-trigger>span{font-size:18px}
.home-creative-conversation[data-chat-theme]{--creative-scroll-thumb:#b42af4;--creative-scroll-hover:#ef21bd;--creative-scroll-active:#8a20ff}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar,
.home-creative-conversation .home-project-preview::-webkit-scrollbar,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar{width:6px;height:6px}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-thumb,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-thumb,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-thumb,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-thumb,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#ff008a,#8a20ff)}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-thumb:hover,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-thumb:hover,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-thumb:hover,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-thumb:hover,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#ff2ba3,#a848ff)}

/* Gentle focus expansion with reduced-motion support. */
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-composer{transition:padding .22s ease}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell textarea{transition:min-height .22s cubic-bezier(.2,.7,.2,1),padding .22s ease}
.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:focus-within{border-color:#b42af4;box-shadow:0 0 0 2px #b42af41a,0 6px 20px #ff008a12;transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-composer,.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell,.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell textarea{transition:none}.home-creative-conversation .home-project-layout .home-project-chat:has(.creative-composer) .creative-input-shell:focus-within{transform:none}}
