/* Homepage composer matched to the public uc.html reference (2026-11-13).
   Keep conversation-detail and collaboration layouts independently scoped. */
.home-view .hero-wrap{width:min(1132px,calc(100% - 48px));top:66px}
.home-view .hero-brand{color:#10172e;white-space:nowrap;gap:9px}
.home-view .brand-icon--hero{display:none}
.home-view .hero-brand :is(.time-greeting,.hero-question,h1){letter-spacing:-.04em;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(22px,1.55vw,28px);font-weight:750;line-height:1.25}
.home-view .hero-brand h1{color:#355ce8}
.home-view .creation-stage{width:min(1132px,calc(100% - 48px));margin:145px auto 0;position:relative;top:auto;left:auto;transform:none}
.home-view .composer{position:relative;border-color:#dfdfe1;border-radius:21px;display:flex;flex-direction:column;height:auto;min-height:154px;overflow:visible;box-shadow:0 12px 30px #26262a0f}
.home-view .composer-input-row{flex:auto;min-height:94px;max-height:240px;padding:17px 19px;box-sizing:border-box}
.home-view .composer textarea{min-width:0;min-height:60px;font-size:var(--composer-input-font-size);max-width:100%}
.home-view .composer textarea::placeholder{color:#b5b5b8}
.home-view .composer-toolbar{flex:0 0 auto;min-height:58px;height:auto;padding:0 10px 8px;gap:12px}
.home-view .toolbar-left{gap:9px;min-width:0;flex-wrap:wrap}
.home-view .round-add{background:#f6f6f7;border:0;width:40px;height:40px;flex-shrink:0}
.home-view .tool-button{border:0;border-radius:9px;height:40px;padding:0 7px;font-size:15px;min-width:0}
.home-view .tool-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:18px;height:18px}
.home-view .uc-model-trigger{gap:6px;max-width:100%}
.home-view :is(.uc-model-trigger,.uc-media-mode)::after{display:none}
.home-view .composer:has(.uc-parameter-picker[open]){z-index:17}
.home-view .uc-model-trigger-label{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,34vw);overflow:hidden}
.home-view :is(.uc-model-trigger,.uc-media-mode)>svg:last-child{width:12px;height:12px}
.home-view .toolbar-divider{width:2px;height:20px;margin:0 7px}
.home-view .membership-button{min-width:106px;height:40px;font-size:14px;flex-shrink:0}
.home-view .collab-clear{display:none}
.home-view .project-picker-bar{background:#ededeff0;border:0;border-radius:18px;height:48px;margin:-1px 0 0;padding:0 11px;box-shadow:0 15px 30px #2a2a2e0d}
.home-view .project-picker-control{width:168px}
.home-view .project-picker-trigger{background:none;border:0;border-radius:9px;height:36px;font-size:13px}
.home-view .project-picker-trigger svg{flex-basis:20px;width:20px;height:20px}
.home-view .inspiration{width:min(1132px,calc(100% - 48px));margin:48px auto 0;position:relative;top:auto;left:auto;transform:none}
.home-view .composer.uc-media-composer{height:auto;min-height:196px}
.home-view .uc-reference-entry{color:#777b89;cursor:pointer;background:#f6f7fa;border:1px dashed #d5d7df;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:66px;min-height:80px;display:flex;position:absolute;top:22px;left:22px;transform:rotate(-6deg);transition:transform .15s,background .15s}
.home-view .uc-reference-entry svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:24px;height:24px}
.home-view .uc-reference-entry span{white-space:nowrap;font-size:11px}
.home-view .uc-reference-entry:hover,.home-view .uc-reference-entry[aria-expanded=true]{color:#5262dc;background:#eef1ff;transform:rotate(0)}
.home-view :is(.uc-reference-entry,.uc-parameter-picker>summary,.uc-model-parameter select):focus-visible{outline-offset:3px;outline:2px solid #6961e8}
.home-view .uc-media-composer>.composer-input-row{flex:auto;width:calc(100% - 128px);min-height:92px;margin:22px 22px 10px 106px;padding:0}
.home-view .uc-media-composer .composer-toolbar{align-items:flex-end;gap:12px;min-height:60px;padding:8px 16px 14px}
.home-view .uc-media-composer .toolbar-left{flex-wrap:wrap;gap:6px}
.home-view .uc-media-mode{color:#4163ed;font-weight:600}
.home-view .uc-media-composer .uc-model-trigger-label{max-width:240px}
.home-view .uc-media-composer :is(.round-add,.toolbar-divider,[data-testid=skill-trigger]){display:none}
.home-view .uc-media-composer .membership-button{min-width:108px}
.home-view .uc-media-composer:before{display:none}
.home-view .creation-stage:has(.uc-media-composer)>.add-menu{top:110px;left:22px;bottom:auto}
.home-view .creation-stage:has(.uc-media-composer)>.skill-menu{top:calc(100% + 8px);bottom:auto}
.home-view .uc-parameter-picker{min-width:0;position:relative}
.home-view .uc-parameter-picker>summary{color:#454650;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:13px;list-style:none;display:flex}
.home-view .uc-parameter-picker>summary::-webkit-details-marker{display:none}
.home-view .uc-parameter-picker>summary svg{fill:none;stroke:currentColor;stroke-width:1.6px;flex-shrink:0;width:18px;height:18px}
.home-view .uc-parameter-picker>summary svg:last-child{width:12px}
.home-view .uc-parameter-picker>summary:hover,.home-view .uc-parameter-picker[open]>summary{background:#f0f1f5}
.home-view .uc-model-parameters{z-index:40;background:#fff;border:1px solid #e7e7eb;border-radius:18px;gap:12px;width:280px;max-width:calc(100vw - 48px);padding:16px;display:grid;position:absolute;top:calc(100% + 10px);left:0;max-height:min(440px,60vh);overflow-y:auto;box-shadow:0 12px 40px #2025381a;box-sizing:border-box}
.home-view .uc-model-parameter{color:#777780;white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}
.home-view .uc-model-parameter select{color:#29292e;width:170px;min-width:0;min-height:34px;font:inherit;cursor:pointer;background:#f6f6f8;border:1px solid #e5e5e9;border-radius:10px;padding:4px 8px}
.home-view .uc-parameter-note{margin:0;color:#868693;font-size:12px;line-height:1.6;white-space:normal}
.home-view [hidden]{display:none!important}
@media(max-width:800px){
 .home-view .composer-toolbar{flex-wrap:wrap}.home-view .composer-toolbar>.membership-button{margin-left:auto}
 .home-view .uc-model-parameters{left:auto;right:0}
}
@media(max-width:640px){
 html:has(.home-view:not([hidden])),body:has(.home-view:not([hidden])){min-width:0}
 .home-view .hero-wrap,.home-view .creation-stage,.home-view .inspiration{width:calc(100% - 24px)}
 .home-view .hero-wrap{top:38px}.home-view .hero-brand{white-space:normal;flex-wrap:wrap;justify-content:center;gap:4px 7px}
 .home-view .hero-brand :is(.time-greeting,.hero-question,h1){font-size:20px}
 .home-view .creation-stage{margin-top:128px}.home-view .inspiration{margin-top:32px}
 .home-view .uc-reference-entry{width:54px;min-height:68px;top:18px;left:14px}
 .home-view .creation-stage:has(.uc-media-composer)>.add-menu{top:94px;left:14px}
 .home-view .uc-media-composer>.composer-input-row{width:calc(100% - 94px);margin:18px 14px 8px 80px}
 .home-view .uc-media-composer .uc-model-trigger-label{max-width:150px}
 .home-view .toolbar-left{width:100%;gap:4px}
 .home-view .uc-parameter-picker{position:static;max-width:100%}
 .home-view .uc-model-parameters{width:min(280px,calc(100% - 24px));left:12px;right:auto;top:calc(100% + 8px)}
 .home-view .uc-parameter-picker>summary{padding:8px 4px;font-size:12px;flex-wrap:wrap}
 .home-view .uc-model-parameter{gap:6px}.home-view .uc-model-parameter select{width:65%}
 .home-view .home-discovery-search{width:100%}.home-view .discovery-toolbar{flex-wrap:wrap}
 .home-view .creation-tool-filter-grid{grid-template-columns:minmax(0,1fr)}
 .home-view .model-options{grid-template-columns:minmax(0,1fr)}
 .home-view .model-option{padding:12px;gap:9px}
 .home-view .model-option-symbol{width:32px;height:40px;flex-basis:32px}
 .home-view .model-option-copy strong{font-size:13px;flex-wrap:wrap}
 .home-view .model-tabs{margin-inline:8px}.home-view .model-tabs button{font-size:13px}
}