/* One application shell, with independently scrolling navigation and conversation. */
:root{--ws-sidebar:248px;--ws-header:58px;--ws-line:#e7e7e5;--ws-ink:#252724;--ws-muted:#747671}
.mh-ws-sidebar,.mh-ws-topbar,.mh-ws-backdrop,.mh-ws-chat-page{box-sizing:border-box}
.mh-ws-sidebar[hidden],.mh-ws-topbar[hidden],.mh-ws-chat-page[hidden]{display:none!important}
body.mh-workspace{background:#fff;color:var(--ws-ink)}body.mh-workspace>.header,body.mh-workspace>footer,body.mh-workspace>.mh-goldfish,body.mh-workspace>.st-return-pro{display:none!important}
body.mh-workspace #main{margin-left:var(--ws-sidebar);padding-top:var(--ws-header);min-width:0}
.mh-ws-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ws-sidebar);z-index:90;background:#f7f7f5;border-right:1px solid var(--ws-line);padding:18px 12px 12px;display:flex;flex-direction:column;gap:8px;font:14px/1.45 Inter,Arial,sans-serif}
.mh-ws-sidebar button,.mh-ws-topbar button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}.mh-ws-sidebar a{color:inherit;text-decoration:none}
.mh-ws-brand{display:flex;align-items:center;gap:7px;padding:6px 11px 17px;letter-spacing:-.6px;font-size:20px;font-weight:700}.mh-ws-brand b{font-weight:400}.mh-ws-brand>span{font-size:10px;letter-spacing:.6px;background:#e6e9e3;border-radius:5px;padding:2px 5px;margin-top:2px;color:#4b6047}
.mh-ws-new{display:flex;gap:11px;align-items:center;padding:11px;border-radius:9px;text-align:left}.mh-ws-new:hover,.mh-ws-folder:hover,.mh-ws-chat-row:hover{background:#ebeeE8}.mh-ws-new svg,.mh-ws-search svg{flex:none}
.mh-ws-search{display:flex;align-items:center;gap:8px;margin:1px 4px 12px;padding:8px;border:1px solid #e1e2de;border-radius:9px;color:#777}.mh-ws-search input{min-width:0;width:100%;border:0;background:transparent;outline:none;font:inherit;color:#30362e}.mh-ws-search:focus-within{outline:2px solid #738269;outline-offset:2px}
.mh-ws-history{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;padding-bottom:20px}.mh-ws-history h3{font-size:12px;line-height:1.4;color:#777;font-weight:600;margin:23px 11px 8px;letter-spacing:0}.mh-ws-section-title{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.mh-ws-section-title h3{margin-top:6px}.mh-ws-section-title button{padding:6px;border-radius:6px}.mh-ws-section-title button:hover{background:#e9ece7}
.mh-ws-empty-small{font-size:12px;line-height:1.55;margin:8px 11px 18px;color:#878b83}.mh-ws-folder{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;text-align:left}.mh-ws-folder span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mh-ws-folder svg{width:18px;flex:none}.mh-ws-folder small{color:#888}.mh-ws-filter{display:flex;justify-content:space-between;padding:9px 6px;font-size:12px}.mh-ws-filter button{padding:5px}
.mh-ws-chat-row{display:flex;position:relative;align-items:center;border-radius:8px;min-width:0}.mh-ws-chat-row>button:first-child{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:11px;text-align:left}.mh-ws-chat-row>button:first-child span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.mh-ws-chat-row svg{width:17px;height:17px;flex:none}.mh-ws-row-menu{width:30px;height:36px;flex:none;display:grid;place-items:center;opacity:.5}.mh-ws-row-menu:hover,.mh-ws-row-menu:focus{opacity:1}.mh-ws-chat-row.is-current,.mh-ws-folder.is-current{background:#e8ece4}.mh-ws-chat-menu{position:absolute;top:100%;right:4px;z-index:5;min-width:195px;padding:5px;background:#fff;border:1px solid var(--ws-line);border-radius:10px;box-shadow:0 8px 24px #0002}.mh-ws-chat-menu button{display:block;width:100%;padding:10px;text-align:left;border-radius:5px;font-size:13px}.mh-ws-chat-menu button:hover{background:#f1f3ee}
.mh-ws-account{border-top:1px solid var(--ws-line);padding:13px 10px 4px;display:grid;gap:12px;font-size:12px}.mh-ws-account button{text-align:left;font-size:13px}.mh-ws-account a{color:#7d8178}.mh-ws-error{margin:0 10px;font-size:12px;color:#9d4a38;line-height:1.5;overflow-wrap:anywhere}.mh-ws-error:empty{display:none}
.mh-ws-topbar{position:fixed;inset:0 0 auto var(--ws-sidebar);height:var(--ws-header);display:flex;align-items:center;padding:0 22px;gap:14px;z-index:80;background:#ffffffed;border-bottom:1px solid var(--ws-line);backdrop-filter:blur(12px);font:14px/1.4 Inter,Arial,sans-serif}.mh-ws-topbar>button{width:34px;height:36px;display:grid;place-items:center}.mh-ws-topbar>[data-ws-title]{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550}.mh-ws-topbar nav{display:flex;gap:5px;flex:none}.mh-ws-topbar nav button{display:flex;align-items:center;gap:6px;border-radius:7px;padding:8px 10px;font-size:12px}.mh-ws-topbar nav button[aria-current=page]{background:#eff1ed}.mh-ws-topbar nav button[hidden]{display:none}.mh-ws-topbar>button:hover{background:#f1f2ef;border-radius:6px}
.mh-ws-chat-page{height:calc(100dvh - var(--ws-header));min-height:340px;padding:0 22px;background:#fff}.mh-ws-chat-page>[data-mh-chat]{height:100%;max-width:860px;margin:0 auto;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.mh-ws-backdrop{display:none}.mh-ws-dialog{border:1px solid var(--ws-line);border-radius:16px;padding:26px;width:min(440px,calc(100vw - 32px));color:#282d25;box-shadow:0 24px 80px #0003}.mh-ws-dialog::backdrop{background:#0005}.mh-ws-dialog h2{font:600 20px/1.3 Inter,Arial;margin:0 0 22px}.mh-ws-dialog label{display:grid;gap:9px;font-size:13px}.mh-ws-dialog input,.mh-ws-dialog select{width:100%;min-width:0;font:inherit;font-size:16px;padding:11px;border:1px solid #d7dbd2;border-radius:8px;background:#fff}.mh-ws-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.mh-ws-dialog button{padding:10px 17px;border:1px solid #dce1d6;background:#f8faf6;border-radius:8px;font:inherit}.mh-ws-dialog button[type=submit]{background:#32482d;color:#fff;border-color:#32482d}
/* Existing editor: all action bars have natural height and can wrap. */
#studioView .st-project-bottom{height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:18px!important;margin:16px auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box;position:static!important}
#studioView .st-project-bottom>div{flex:1 1 180px!important;width:auto!important;min-width:0;margin-right:auto!important}#studioView .st-project-bottom button{position:static!important;transform:none!important;flex:0 1 auto!important;min-height:42px!important;margin:0!important;white-space:normal;line-height:1.4;height:auto!important;max-width:100%;padding:11px 15px!important}
#studioView .st-project-bottom+.st-creation-notes,#studioView .st-project-bottom+*{clear:both}#studioView .st-simple-actions{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));width:100%!important;max-width:none!important;gap:4px!important;margin:16px 0!important;padding:8px!important;box-sizing:border-box;height:auto!important}#studioView .st-simple-actions button{width:auto!important;min-width:0!important;padding:10px 5px!important;font-size:12px!important;line-height:1.4!important;white-space:normal;overflow-wrap:anywhere;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}#studioView .st-simple-actions button span{line-height:1;font-size:20px}
#studioView .st-settings{min-width:0}#studioView .st-settings-scroll{min-width:0;overflow-x:hidden}#studioView .st-field{min-width:0}#studioView .st-field input,#studioView .st-field select{min-width:0;width:100%;box-sizing:border-box}#studioView .st-panel-head b{min-width:0;overflow-wrap:anywhere}#studioView .st-top{height:auto!important;min-height:62px;flex-wrap:wrap;padding:12px 22px;gap:12px}#studioView .st-top .st-steps{gap:16px;flex-wrap:wrap}#studioView .st-top .st-steps button{height:36px}
body.mh-workspace #studioView{background:#fff}body.mh-workspace #studioView .st-project-heading{padding:24px 0 18px}body.mh-workspace #studioView .st-project-heading h1{font-family:Inter,Arial,sans-serif;font-size:clamp(23px,2.5vw,32px);line-height:1.25;letter-spacing:-.6px;overflow-wrap:anywhere}body.mh-workspace #studioView .st-chat-workspace{padding:0 22px 24px;gap:18px;grid-template-columns:minmax(0,1fr) 350px;max-width:none;align-items:start}body.mh-workspace #studioView .st-chat-workspace>.st-fish-dock{position:sticky!important;top:72px!important;bottom:auto!important;right:auto!important;width:auto!important;max-width:none!important;margin:20px 0 0!important;border:1px solid var(--ws-line);border-radius:14px;box-shadow:none;overflow:hidden}body.mh-workspace #studioView .st-chat-workspace .st-fish-launch{display:none}body.mh-workspace #studioView .st-chat-workspace .st-fish-dock-body{display:block!important;max-height:none!important;padding:0}body.mh-workspace #studioView .st-chat-workspace .st-fish-dock-body[hidden]{display:block!important}body.mh-workspace #studioView .st-fish-dock .mhc{height:calc(100dvh - 110px);max-height:none!important;min-height:420px!important;border:0;border-radius:0}body.mh-workspace #studioView .st-fish-dock .mhc-header{display:flex}body.mh-workspace #studioView .st-chat-workspace .st-project-layout.has-panel{display:flex;flex-direction:column}body.mh-workspace #studioView .st-settings{width:100%;max-height:500px;border:1px solid var(--ws-line);border-radius:12px;margin-bottom:14px}body.mh-workspace #studioView .st-visual{width:100%;height:auto;min-height:0}body.mh-workspace #studioView .st-canvas{height:400px!important;min-height:300px}body.mh-workspace #studioView .st-simple-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body.mh-workspace #studioView .st-top>.st-back,body.mh-workspace #studioView .st-top>.st-title{display:none}body.mh-workspace #studioView .st-top .st-steps{margin:0 auto 0 0}body.mh-workspace #studioView .st-top .st-desktop{font-size:12px}
@media(min-width:1600px){body.mh-workspace #studioView .st-chat-workspace{grid-template-columns:minmax(0,1fr) 390px}body.mh-workspace #studioView .st-canvas{height:500px!important}body.mh-workspace #studioView .st-simple-actions{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1190px){:root{--ws-sidebar:0px}.mh-ws-sidebar{width:260px;transform:translateX(-100%);transition:transform .18s ease}.mh-sidebar-open .mh-ws-sidebar{transform:none}.mh-sidebar-open .mh-ws-backdrop{display:block;position:fixed;inset:0;z-index:85;background:#0005;border:0}body.mh-workspace #studioView .st-chat-workspace{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:850px){body.mh-workspace #studioView .st-chat-workspace{display:block;padding:0 16px 24px}body.mh-workspace #studioView .st-chat-workspace>.st-fish-dock{display:none!important}.mh-ws-topbar{padding:0 12px;gap:8px}.mh-ws-chat-page{padding:0 10px}body.mh-workspace #studioView .st-simple-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#studioView .st-project-bottom>div{flex-basis:100%!important}#studioView .st-project-bottom button{flex:1 1 130px!important}body.mh-workspace #studioView .st-canvas{height:45dvh!important;min-height:280px}#studioView .st-top .st-desktop{display:none!important}#studioView .st-project-heading{gap:12px;flex-wrap:wrap}.mh-ws-topbar nav button{padding:8px}.mh-ws-topbar nav button svg{width:17px}.mh-ws-topbar>[data-ws-title]{font-size:13px}}
@media(max-width:440px){.mh-ws-topbar nav button span{font-size:11px}.mh-ws-topbar nav button{gap:4px;padding:8px 6px}#studioView .st-simple-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#studioView .st-project-bottom button{flex-basis:100%!important;width:100%!important}.mh-ws-topbar>[data-ws-title]{max-width:105px}body.mh-workspace #studioView .st-project-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mh-ws-sidebar{transition:none}}
@media(min-width:1191px){body.mh-sidebar-collapsed{--ws-sidebar:0px}.mh-sidebar-collapsed .mh-ws-sidebar{width:248px;transform:translateX(-100%)}}
@media(min-width:851px){body.mh-workspace #studioView .st-chat-workspace,body.mh-workspace #studioView .st-chat-workspace:has(>.st-fish-dock:not(.is-open)){display:grid;grid-template-columns:minmax(0,1fr) 350px}}@media(min-width:1600px){body.mh-workspace #studioView .st-chat-workspace:has(>.st-fish-dock:not(.is-open)){grid-template-columns:minmax(0,1fr) 390px}}.mh-ws-search input[type=search]{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}@media(max-height:600px){.mh-ws-chat-page{min-height:0}.mhc--workspace .mhc-thread{min-height:0}.mhc--workspace .mhc-composer textarea{max-height:100px}.mhc--workspace .mhc-empty{padding:12px 0}.mhc--workspace .mhc-empty h3{font-size:22px}}
/* Compact project overview keeps the model and conversation in the first screen. */
body.mh-workspace #studioView .st-project-heading{padding:14px 0}
body.mh-workspace #studioView .mh-variants{padding:0;background:#fafaf9;border-color:#e4e6e1;border-radius:14px}
body.mh-workspace #studioView .mh-variants-summary{min-height:56px;padding:8px 14px;gap:12px}
body.mh-workspace #studioView .mh-variants-summary>span:first-child{gap:2px}
body.mh-workspace #studioView .mh-variants-summary small{font-size:11px;line-height:1.35}
body.mh-workspace #studioView .mh-variants-content{padding:0 14px 14px}
body.mh-workspace #studioView .mh-variants-heading{margin-bottom:9px}
body.mh-workspace #studioView .mh-variants-heading h2{font:600 15px/1.4 Inter,Arial,sans-serif;margin:0}
body.mh-workspace #studioView .mh-variants-heading p{display:none}
body.mh-workspace #studioView .mh-variants-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.mh-workspace #studioView .mh-variant-card{display:flex;border-radius:9px}
body.mh-workspace #studioView .mh-variant-preview{height:78px;padding:5px}
body.mh-workspace #studioView .mh-variant-copy{padding:7px 9px;gap:2px;font-size:12px}
body.mh-workspace #studioView .mh-variant-copy small{font-size:10px}
body.mh-workspace #studioView .mh-variant-copy>span{display:none}
body.mh-workspace #studioView .st-fish-dock .mhc{height:calc(100dvh - 160px);min-height:350px!important}
body.mh-workspace #studioView .st-visual{border:1px solid #e4e6e1;border-radius:14px;box-shadow:none;background:#f6f6f3}
body.mh-workspace #studioView .st-visual-top{padding:10px}
body.mh-workspace #studioView .st-model-caption{padding:7px 12px;font-size:10px}
body.mh-workspace #studioView .st-simple-actions{background:#fff;border:1px solid #e4e6e1;border-radius:12px;box-shadow:none}
body.mh-workspace #studioView .st-project-bottom{background:#fff;border-color:#e4e6e1;box-shadow:none;border-radius:12px;padding:12px;margin-top:12px!important}
@media(max-width:440px){body.mh-workspace #studioView .mh-variant-preview{height:62px}body.mh-workspace #studioView .mh-variant-copy{padding:6px;font-size:11px}body.mh-workspace #studioView .mh-variant-copy small{font-size:9px}}
@media(max-height:600px){.mhc--workspace .mhc-welcome{padding:8px 0}.mhc--workspace .mhc-welcome-mark{display:none}.mhc--workspace .mhc-welcome h3{font-size:23px}.mhc--workspace .mhc-bottom{max-height:65dvh;overflow-y:auto}.mhc--workspace .mhc-thread{min-height:0}}