
/* Quiet, rounded native scrollbars for the creation workspace. */
.home-creative-conversation{--creative-scroll-thumb:#c8c3d1;--creative-scroll-hover:#a59ab6;--creative-scroll-active:#8c78a5}
.home-creative-conversation[data-chat-theme=dark]{--creative-scroll-thumb:#49434f;--creative-scroll-hover:#766782;--creative-scroll-active:#a18ab7}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript,
.home-creative-conversation .home-project-preview .visual-preview-scroll,
.home-creative-conversation .home-project-preview,
.home-creative-conversation .creative-composer textarea,
.home-creative-conversation .combined-plan-popover{scrollbar-width:thin;scrollbar-color:var(--creative-scroll-thumb) transparent}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript:hover,
.home-creative-conversation .home-project-preview .visual-preview-scroll:hover,
.home-creative-conversation .home-project-preview:hover,
.home-creative-conversation .creative-composer textarea:hover,
.home-creative-conversation .combined-plan-popover:hover{scrollbar-color:var(--creative-scroll-hover) transparent}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript{scrollbar-gutter:stable}
@supports selector(::-webkit-scrollbar){
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript,
.home-creative-conversation .home-project-preview .visual-preview-scroll,
.home-creative-conversation .home-project-preview,
.home-creative-conversation .creative-composer textarea,
.home-creative-conversation .combined-plan-popover,
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript:hover,
.home-creative-conversation .home-project-preview .visual-preview-scroll:hover,
.home-creative-conversation .home-project-preview:hover,
.home-creative-conversation .creative-composer textarea:hover,
.home-creative-conversation .combined-plan-popover:hover{scrollbar-width:auto;scrollbar-color:auto}
}
.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:7px;height:7px;background:transparent}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-track,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-track,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-track,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-track,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-track{background:transparent;border:0}
.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{min-height:36px;min-width:36px;border:2px solid transparent;border-radius:999px;background-image:none;background-color:var(--creative-scroll-thumb);background-clip:padding-box}
.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{border-width:1px;background-color:var(--creative-scroll-hover)}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-thumb:active,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-thumb:active,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-thumb:active,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-thumb:active,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-thumb:active{border-width:1px;background-color:var(--creative-scroll-active)}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-button,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-button,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-button,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-button,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-button{display:none;width:0;height:0}
.home-creative-conversation[data-chat-theme] .home-project-layout .home-project-chat .capability-conversation .creative-transcript::-webkit-scrollbar-corner,
.home-creative-conversation .home-project-preview .visual-preview-scroll::-webkit-scrollbar-corner,
.home-creative-conversation .home-project-preview::-webkit-scrollbar-corner,
.home-creative-conversation .creative-composer textarea::-webkit-scrollbar-corner,
.home-creative-conversation .combined-plan-popover::-webkit-scrollbar-corner{background:transparent}
