/* Keep the conversation beside the actual model instead of over it. */
.mh-conversation-entry{padding:0!important;overflow:hidden;min-width:0}.mh-conversation-entry>[data-mh-chat]{width:100%}
.mh-home-auto{grid-column:1/-1}.st-workspace-main{min-width:0}
#studioView .st-chat-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:22px;max-width:1740px;padding:0 3vw 28px;margin:auto;align-items:start}
#studioView .st-chat-workspace .st-project-layout{padding:0;min-height:0;height:auto!important}
#studioView .st-chat-workspace .st-project-heading{padding-left:0;padding-right:0}
#studioView .st-chat-workspace .st-project-bottom{padding-bottom:18px}
#studioView .st-chat-workspace .st-fish-dock{position:sticky;top:22px;bottom:auto;right:auto;width:100%;max-width:none;margin-top:22px;z-index:12;max-height:none;box-shadow:0 6px 28px #263f2710}
#studioView .st-chat-workspace .st-fish-dock-body{padding:0;max-height:none;overflow:visible}
#studioView .st-chat-workspace .st-fish-launch{border-radius:0;border-bottom:1px solid #e4e8df}
#studioView .st-chat-workspace .st-project-layout.has-panel{grid-template-columns:minmax(230px,.7fr) minmax(0,1fr)}
#studioView .st-brief-primary{padding:0;border:0;background:transparent}
#studioView .st-fish-dock-body:has([data-mh-chat]){padding:0}
#studioView .st-fish-dock[hidden]{display:none}
@media(max-width:1250px){#studioView .st-chat-workspace{gap:14px;grid-template-columns:minmax(0,1fr) 340px}#studioView .st-chat-workspace .st-project-layout.has-panel{display:flex;flex-direction:column}#studioView .st-chat-workspace .st-settings{max-height:400px}}
@media(max-width:900px){#studioView .st-chat-workspace{display:flex;flex-direction:column;padding:0 3vw 20px;gap:12px}#studioView .st-workspace-main{width:100%}#studioView .st-chat-workspace .st-fish-dock{position:relative;top:auto;margin-top:0;width:100%;max-height:none}#studioView .st-chat-workspace .st-canvas{height:38dvh!important;min-height:260px}#studioView .st-chat-workspace .st-project-bottom{padding-bottom:12px}#studioView .st-chat-workspace .st-project-heading{padding-top:10px;padding-bottom:10px}}

#studioView .st-fish-dock .mhc-header{display:none}
/* Override older dock textarea rules, including iOS input sizing. */
#studioView .mhc .mhc-composer textarea{min-height:48px;max-height:128px;padding:9px 0;resize:none;font-size:15px;line-height:1.5}
@media(max-width:700px){#studioView .mhc .mhc-composer textarea{font-size:16px}}
/* The conversation stays readable and its controls fit a phone keyboard. */
.mhc .mhc-tools button { min-height:38px; }
.mhc .mhc-message-name { font-size:11px; }
.mhc .mhc-bubble { font-size:14px; }
#categoryGrid .mh-conversation-entry { margin:0; max-width:none; background:transparent; border:0; }
#categoryGrid .mh-conversation-entry .mhc { height:520px; max-height:80dvh; border-radius:18px; }
#studioView .st-chat-workspace .st-workspace-main { overflow:hidden; }
#studioView .st-chat-workspace .st-fish-launch { min-height:60px; }
#studioView .st-chat-workspace .st-fish-dock .mhc { min-height:440px; }
@media(max-width:700px) {
 .mhc .mhc-tools { gap:6px; padding-left:12px; padding-right:12px; }
 .mhc .mhc-tools button { min-height:40px; padding:7px 9px; font-size:11px; }
 .mhc .mhc-actions button { min-height:36px; font-size:11px; }
 .mhc .mhc-bubble { font-size:14px; }
 #categoryGrid .mh-conversation-entry .mhc { height:550px; max-height:78dvh; min-height:410px; }
 #studioView .st-chat-workspace .st-fish-dock .mhc { min-height:420px; max-height:78dvh; }
}

@media(min-width:901px){#studioView .st-chat-workspace:has(>.st-fish-dock:not(.is-open)){grid-template-columns:minmax(0,1fr)}#studioView .st-chat-workspace>.st-fish-dock:not(.is-open){position:fixed;top:auto;bottom:18px;right:24px;width:300px;margin:0;z-index:30}#studioView .st-chat-workspace>.st-fish-dock:not(.is-open) .st-fish-launch{border-radius:14px}}
