.home-create-nav>button { appearance:none; cursor:pointer; font:inherit; }
.home-create-nav .sc-media-icon { width:var(--sc-space-5); height:var(--sc-space-5); flex:none; }
.home-media__form { min-width:0; }
.home-media__field { min-width:0; }
.home-media__field input,.home-media__field textarea { width:100%; box-sizing:border-box; }
.home-media__field:has(textarea)>.sc-label { padding-inline:var(--sc-space-4); padding-top:var(--sc-space-2); }
.home-media__audio-settings,.home-media__custom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sc-space-3); padding:var(--sc-space-3); }
.home-media__wide { grid-column:1/-1; }
.home-media__toggle { display:flex; align-items:center; gap:var(--sc-space-2); color:var(--sc-color-ink); font-size:var(--sc-font-size-sm); min-height:var(--sc-control-height); }
.home-media__toggle input { accent-color:var(--sc-color-brand-700); width:1.1rem; height:1.1rem; flex:none; }
.home-media__references,.home-media__reference-list { display:flex; flex-wrap:nowrap; align-items:stretch; gap:var(--sc-space-2); }
.home-media__references { min-width:0; overflow-x:auto; padding:var(--sc-space-3); scrollbar-width:thin; }
.home-media__reference-list { flex:0 0 auto; }
.home-composer .home-media__references:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:2px; }
.home-composer .home-media .model-workspace__toolbar .sc-parameter-row .model-picker__trigger { max-width:100%; width:100%; white-space:normal; }
.home-composer .home-media .home-specifications { max-width:100%; }
.home-composer .home-media .home-specifications__trigger { max-width:100%; white-space:normal; }
/* These two home modes have their own form owner, but their real toolbar
   buttons use the same border-box height as the shared image composer. */
.home-reference .home-composer .home-media .model-workspace__toolbar :is(.model-picker__trigger,.model-workspace__submit) { box-sizing:border-box; height:var(--sc-control-height); min-height:var(--sc-control-height); padding-block:0; }
/* Shared input surface and arrow submit used by all homepage media modes. */
.home-reference .home-composer .home-media.model-workspace.studio-handoff:not(.studio-handoff--purpose) { width:100%; padding:var(--sc-space-2); box-shadow:none; }
.home-reference .home-composer .home-media .model-workspace__form { display:flex; flex-direction:column; gap:var(--sc-space-2); }
.home-reference .home-composer .home-media .model-workspace__toolbar>.model-workspace__submit { position:relative; flex:none; display:flex; align-items:center; justify-content:center; gap:0; width:var(--sc-control-height); min-width:var(--sc-control-height); height:var(--sc-control-height); padding:0; border-radius:var(--sc-radius-pill); font-size:0; line-height:0; }
.home-reference .home-composer .home-media .model-workspace__submit::after { content:""; position:absolute; inset:0; margin:auto; width:var(--sc-space-6); height:var(--sc-space-6); max-width:55%; max-height:55%; pointer-events:none; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 11.5 5.5-5.5 5.5 5.5M12 6v12' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.home-reference .home-composer .home-media .model-workspace__submit[data-preflight-checking="true"]::after { width:var(--sc-space-5); height:var(--sc-space-5); background:transparent; mask:none; border:2px solid currentColor; border-right-color:transparent; border-radius:var(--sc-radius-pill); animation:home-media-submit-spin .7s linear infinite; }
@keyframes home-media-submit-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .home-reference .home-composer .home-media .model-workspace__submit[data-preflight-checking="true"]::after { animation:none; } }
@media(min-width:768px) {
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { flex-wrap:wrap; overflow:visible; mask-image:none; }
 .home-reference .home-composer .home-media__references { padding:var(--sc-space-2) var(--sc-space-2) 0; }
}
@media(max-width:767px) {
 .home-reference .home-composer .home-media.model-workspace.studio-handoff:not(.studio-handoff--purpose) { width:100%; padding:var(--sc-space-2); box-shadow:none; }
 .home-reference .home-composer .home-media .model-workspace__form { display:flex; flex-direction:column; gap:var(--sc-space-2); }
 .home-reference .home-composer .home-media__references { padding:var(--sc-space-2) var(--sc-space-2) 0; }
 .home-reference .home-composer .home-media__upload,.home-reference .home-composer .home-media__reference { width:3.75rem; height:5rem; }
 .home-reference .home-composer .home-media .model-workspace__prompt { min-height:5.5rem; }
 .home-reference .home-composer .home-media .model-workspace__toolbar { position:relative; display:grid; grid-template-columns:minmax(0,1fr) var(--sc-control-height); align-items:center; gap:var(--sc-space-2); }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { grid-column:1/-1; grid-row:1; width:100%; flex-wrap:nowrap; min-width:0; gap:var(--sc-space-2); align-items:center; padding:var(--sc-space-1) calc(var(--sc-control-height) + var(--sc-space-2)) var(--sc-space-1) var(--sc-space-1); overflow-x:auto; overflow-y:hidden; mask-image:none; scrollbar-width:none; scroll-padding-inline-end:calc(var(--sc-control-height) + var(--sc-space-2)); }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-scroll-edges="right"] { mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--sc-control-height) - var(--sc-space-2) - var(--sc-space-6)),transparent calc(100% - var(--sc-control-height) - var(--sc-space-2)),transparent 100%); }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-scroll-edges="left"] { mask-image:linear-gradient(to right,transparent 0,#000 var(--sc-space-6),#000 100%); }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-scroll-edges="both"] { mask-image:linear-gradient(to right,transparent 0,#000 var(--sc-space-6),#000 calc(100% - var(--sc-control-height) - var(--sc-space-2) - var(--sc-space-6)),transparent calc(100% - var(--sc-control-height) - var(--sc-space-2)),transparent 100%); }
 /* Keep the strip's edge mask as its only visual scroll indicator. */
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { scrollbar-width:none!important; }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row::-webkit-scrollbar { display:none; width:0!important; height:0!important; }
 .home-reference .home-composer .home-media .model-workspace__toolbar .model-workspace__model-field,
 .home-reference .home-composer .home-media .model-workspace__toolbar>.sc-parameter-row>.home-media__model,
 .home-reference .home-composer .home-media .home-specifications { flex:0 0 auto; width:max-content; min-width:0; max-width:none; }
 .home-reference .home-composer .home-media .model-workspace__toolbar .model-picker,
 .home-reference .home-composer .home-media .model-workspace__toolbar .model-picker__trigger { width:max-content; max-width:none; white-space:nowrap; }
 .home-reference .home-composer .home-media .model-workspace__toolbar .model-picker__trigger { padding-inline:var(--sc-space-2); gap:var(--sc-space-2); }
 .home-reference .home-composer .home-media .model-workspace__toolbar .sc-model-identity { max-width:none; gap:var(--sc-space-2); white-space:nowrap; }
 .home-reference .home-composer .home-media .model-workspace__toolbar .sc-model-name { white-space:nowrap; overflow-wrap:normal; }
 .home-reference .home-composer .home-media .model-workspace__toolbar .sc-model-logo { width:var(--sc-space-6); height:var(--sc-space-6); flex:0 0 var(--sc-space-6); }
 .home-reference .home-composer .home-media .home-specifications__trigger { white-space:nowrap; }
 .home-reference .home-composer .home-media .model-workspace__toolbar::before { content:""; grid-column:2; grid-row:1; z-index:1; align-self:stretch; margin-left:calc(-1*var(--sc-space-2)); background:var(--sc-color-surface); pointer-events:none; }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.model-workspace__cost { grid-column:1/-1; grid-row:2; margin:0; font-size:var(--sc-font-size-sm); }
 .home-reference .home-composer .home-media .model-workspace__toolbar>.model-workspace__submit { grid-column:2; grid-row:1; z-index:2; }
}
.home-media__upload,.home-media__reference { position:relative; width:4.5rem; height:6rem; flex:none; box-sizing:border-box; border:1px solid var(--sc-color-border); border-radius:var(--sc-radius-md); background:var(--sc-color-surface-muted); }
.home-media__upload { border-style:dashed; color:var(--sc-color-brand-700); font-size:1.75rem; cursor:pointer; }
.home-media__reference img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.home-media__remove { position:absolute; right:0; top:0; border:0; width:1.75rem; height:1.75rem; border-radius:50%; color:var(--sc-color-ink); background:var(--sc-color-surface); cursor:pointer; }
.home-media__hint { margin:0; padding-inline:var(--sc-space-3); }
.home-media .model-workspace__toolbar>.sc-parameter-row .sc-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.home-media .model-workspace__toolbar>.sc-parameter-row>.home-media__field { flex:0 0 auto; }
.home-media .model-workspace__toolbar>.sc-parameter-row>.home-media__model { max-width:100%; }
.home-media [role=status] { margin-inline:var(--sc-space-3); }
@media(max-width:480px) { .home-media__audio-settings,.home-media__custom { grid-template-columns:minmax(0,1fr); } }

/* Homepage video shares the approved image composer's layout and controls. */
#home-media-panel-video .home-media .model-workspace__form { display:grid; grid-template-columns:auto minmax(0,1fr); gap:0; padding-top:14px; }
#home-media-panel-video .home-media__references { grid-column:1; grid-row:1; align-items:flex-start; margin:0; padding:0 0 0 14px; background:transparent; overflow:visible; }
#home-media-panel-video .home-media__references:has(.home-media__reference-list:not(:empty)) { grid-column:1/-1; overflow-x:auto; padding-bottom:10px; }
#home-media-panel-video .home-media__upload { width:64px; height:64px; min-height:64px; border:1.5px dashed var(--sc-color-border-strong); border-radius:18px; box-shadow:none; color:var(--sc-color-muted); background:transparent; }
#home-media-panel-video .home-media__form>.home-media__field:has(textarea) { grid-column:2; grid-row:1; display:block; min-height:88px; padding:0 14px; }
#home-media-panel-video .home-media__references:has(.home-media__reference-list:not(:empty))~.home-media__field:has(textarea) { grid-column:1/-1; grid-row:2; }
#home-media-panel-video .home-media textarea.model-workspace__prompt { width:100%; height:84px; min-height:84px; margin:0; padding:6px 0 0; border:0; resize:vertical; font:500 21px/1.38 var(--sc-font-display); letter-spacing:-.02em; background:transparent!important; }
#home-media-panel-video .model-workspace__prompt::placeholder { color:var(--sc-color-muted); }
#home-media-panel-video .home-media__hint { grid-column:1/-1; }
#home-media-panel-video .home-media .model-workspace__toolbar { grid-column:1/-1; display:flex; align-items:center; gap:6px; padding:8px 4px 4px 8px; margin-top:6px; border-top:1px solid var(--sc-color-border); background:transparent; }
#home-media-panel-video .home-media .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { flex:1 1 auto; width:auto; padding:0; align-items:center; gap:6px; }
#home-media-panel-video .home-media .model-workspace__toolbar .home-media__model { width:auto; flex:0 1 auto; }
#home-media-panel-video .home-media .model-workspace__toolbar :is(.model-picker__trigger,.home-specifications__trigger) { width:auto; min-height:40px; height:40px; padding:0 8px; border:0; border-radius:999px; background:transparent; box-shadow:none; font-size:13.5px; font-weight:600; }
#home-media-panel-video .home-media .model-workspace__toolbar :is(.model-picker__trigger,.home-specifications__trigger):hover { background:var(--sc-color-well); }
#home-media-panel-video .home-media .home-specifications { width:auto; flex:0 0 auto; }
#home-media-panel-video .home-media .model-workspace__toolbar>.model-workspace__cost { width:auto; min-width:0; margin-left:auto; padding-right:10px; font-size:12px; color:var(--sc-color-muted); text-align:right; }
#home-media-panel-video .home-media .model-workspace__submit:disabled { opacity:1; background:var(--sc-color-control-hover); color:var(--sc-color-muted); box-shadow:inset 0 1px 0 rgba(255,228,196,.06); }
#home-media-panel-video .home-media :is([role="status"],.model-workspace__form>button) { grid-column:1/-1; }
@media(max-width:767px) {
 #home-media-panel-video .home-media .model-workspace__form { display:flex; flex-direction:column; padding-top:8px; gap:0; }
 #home-media-panel-video .home-media__references { padding:0 10px; }
 #home-media-panel-video .home-media__upload { width:56px; height:56px; min-height:56px; }
 #home-media-panel-video .home-media__form>.home-media__field:has(textarea) { padding:0; }
 #home-media-panel-video .home-media textarea.model-workspace__prompt { margin-top:10px; padding:6px 10px 0; font-size:19px; }
 #home-media-panel-video .home-media .model-workspace__toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:8px 2px 2px 4px; }
 #home-media-panel-video .home-media .model-workspace__toolbar::before { content:none; }
 #home-media-panel-video .home-media .model-workspace__toolbar>.sc-parameter-row[data-parameter-row] { flex:1 1 100%; width:100%; flex-wrap:wrap; overflow:visible; mask-image:none; }
 #home-media-panel-video .home-media .model-workspace__toolbar .home-media__model { flex:0 1 auto; width:auto; max-width:100%; }
 #home-media-panel-video .home-media .model-workspace__toolbar :is(.model-picker,.model-picker__trigger) { width:auto; max-width:100%; }
 #home-media-panel-video .home-media .model-workspace__toolbar .sc-model-name { overflow:hidden; text-overflow:ellipsis; }
 #home-media-panel-video .home-media .model-workspace__toolbar>.model-workspace__cost { flex:1 1 0; min-width:0; margin:0; font-size:11px; }
}