/* Creator presentation: shared components own input, billing and task behavior. */
.creator-page .creator-main { width: 100%; max-width: none; padding: 0; }
.creator-mobile-tabs, .creator-history-toolbar, .creator-example-label, .creator-banner { display: none; }
.creator-mobile-action { display: grid; box-sizing: border-box; gap: var(--sc-space-2); position: fixed; z-index: 60; bottom: 0; padding: var(--sc-space-3) var(--sc-space-6) max(var(--sc-space-4), env(safe-area-inset-bottom, 0px)); border: 0; background: var(--sc-color-surface); }
.creator-page .creator-mobile-action .sc-generation-action[data-generation-action][data-generation-kind] { margin: 0; padding: 0; }
.creator-page .creator-mobile-action .sc-generation-action__meta { min-height: 1.6em; }
.creator-feedback { display: contents; }
.creator-global-history { min-width:0; }
.creator-global-history .history-grid { --history-columns:3; }
.creator-global-history .history-types { flex-wrap:wrap; }
@media (max-width:1100px) { .creator-global-history .history-grid { --history-columns:2; } }
.creator-mobile-examples-host { display: none; }
.creator-page [hidden] { display: none !important; }
.creator-page .creator-page-heading { display: flex; align-items: baseline; gap: var(--sc-space-4); padding: var(--sc-space-5) var(--sc-space-6) var(--sc-space-3); }
.creator-page .creator-page-heading h1 { margin: 0; color: var(--sc-color-ink); font-size: var(--sc-font-size-xl); line-height: 1.4; }
.creator-page .creator-page-heading p { margin: 0; color: var(--sc-color-muted); font-size:var(--sc-content-small-size); max-width: 70ch; line-height:1.8; }
.creator-modes { display: flex; gap: var(--sc-space-1); overflow-x: auto; padding: 0 var(--sc-space-6) var(--sc-space-4); border-bottom: 1px solid var(--sc-color-border); }
.creator-mode { display: inline-flex; flex-shrink: 0; min-height: var(--sc-control-height); align-items: center; justify-content: center; padding: var(--sc-space-2) var(--sc-space-4); border-radius: var(--sc-radius-sm); color: var(--sc-color-muted); font-size: var(--sc-font-size-sm); text-decoration: none; }
.creator-mode:hover { background: var(--sc-color-control-hover); color: var(--sc-color-ink); }
.creator-mode[aria-current="page"] { color: var(--sc-color-ink); background: var(--sc-color-surface-muted); box-shadow: inset 0 -2px var(--sc-color-brand-500); }
.creator-page .creator-split { display: grid; grid-template-columns: minmax(300px, 400px) minmax(0, 1fr); gap: 0; margin: 0; padding: 0; width: 100%; max-width: none; border: 0; border-radius: 0; background: var(--sc-color-canvas); box-shadow: none; overflow: visible; }
.creator-page .creator-split > form { display: flex; flex-direction: column; gap: var(--sc-space-5); min-width: 0; margin: 0; padding: var(--sc-space-6) var(--sc-space-6) calc(var(--creator-action-height, 112px) + var(--sc-space-6)); background: var(--sc-color-surface); border-inline-end: 1px solid var(--sc-color-border); scroll-padding-bottom: calc(var(--creator-action-height, 112px) + var(--sc-space-4)); }
.creator-page .creator-split > .model-workspace__heading, .creator-page .creator-split > .video-workspace__heading { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.creator-page .creator-split :is(.model-workspace__model-field, .model-picker, .model-picker__trigger) { width: 100%; max-width: none; }
.creator-page .creator-split :is(.model-workspace__prompt, [data-video-prompt], .omni-prompt) { width: 100%; min-height: 144px; resize: vertical; border-radius: var(--sc-radius-md); font-size:var(--sc-font-size-md); line-height:1.7; }
.creator-page .creator-split .model-workspace__prompt-meta { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); justify-content: flex-end; }
.creator-page .creator-split :is(.sc-label, .sc-field > span:first-child) { color: var(--sc-color-text); font-size:var(--sc-font-size-md); }
.creator-page .creator-split .model-workspace__toolbar { display: flex; flex-direction: column; align-items: stretch; gap: var(--sc-space-4); padding: 0; border: 0; margin-top: auto; }
.creator-page .creator-split .sc-parameter-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; overflow: visible; gap: var(--sc-space-3); }
.creator-page .creator-split .home-specifications { grid-column: 1 / -1; width: 100%; }
.creator-page .creator-split .home-specifications .home-specifications__trigger { width: 100%; min-width: 0; height: auto; min-height: 48px; padding: var(--sc-space-2) var(--sc-space-3); border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-lg); background: var(--sc-color-control); }
.creator-page .home-specifications__trigger > :is(.home-specifications__desktop-summary, .model-picker__chevron) { display: none; }
.creator-page .sc-parameter-summary { display: grid; grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(min(100%, 4rem), 1fr)); width: 100%; min-width: 0; gap: var(--sc-space-2); }
.creator-page .sc-parameter-summary__item { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sc-space-2); min-width: 0; font-size: var(--sc-font-size-sm); line-height: 1.4; }
.creator-page .sc-parameter-summary__item > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.creator-page .sc-parameter-summary__icon { display: block; width: 1.125rem; height: 1.125rem; flex: 0 0 1.125rem; }
.creator-page .creator-split :is(.model-workspace__control, .model-workspace__select) { min-width: 0; width: 100%; }
.creator-page .creator-split .model-workspace__reference-button { width: 100%; min-height: 128px; height: auto; aspect-ratio: auto; display: grid; place-content: center; justify-items: center; gap: var(--sc-space-2); padding: var(--sc-space-4); border: 1px dashed var(--sc-color-border-strong); border-radius: var(--sc-radius-md); background: var(--sc-color-control); font-size: var(--sc-font-size-sm); }
.creator-page .creator-split .model-workspace__references { display: flex; flex-direction: column; gap: var(--sc-space-3); }
.creator-upload-label { margin-bottom: calc(-1 * var(--sc-space-2)); }
.creator-page .creator-split .model-workspace__reference-list { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); }
.creator-page .creator-split :is(.video-workspace__settings, .omni-settings) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-3); }
.creator-page .creator-split .video-workspace__uploads { display: block; }
.creator-page .creator-split .video-workspace__upload { min-width: 0; }
.creator-page .creator-split .sc-generation-action { margin-top: auto; }
.creator-page .creator-split :is(.omni-recipe, .omni-output-options) { margin: 0; padding: 0; border: 0; background: transparent; }
.creator-page .creator-split .omni-recipe__explain strong { display: none; }
.creator-page .creator-split [data-omni-trigger] { min-height: var(--sc-control-height); }
.creator-omni-model { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--sc-space-2); }
.creator-omni-model > .sc-label { grid-column: 1 / -1; }
.creator-omni-model > strong { font-size: var(--sc-font-size-sm); }
.creator-page .creator-omni-model .omni-model-badge { font-size: .7rem; white-space: normal; }
.creator-output { min-width: 0; padding: var(--sc-space-5) var(--sc-space-8) var(--sc-space-8); }
.creator-output__tabs { display: flex; align-items: center; gap: var(--sc-space-4); margin-bottom: var(--sc-space-5); }
.creator-output__tabs .sc-button { border-radius: 0; padding-inline: 0; min-width: 0; font-weight: 600; color: var(--sc-color-muted); }
.creator-output__tabs [aria-selected="true"] { color: var(--sc-color-ink); box-shadow: inset 0 -2px var(--sc-color-brand-500); }
.creator-output__assets { display: inline-flex; align-items: center; min-height: var(--sc-control-height); margin-inline-start: auto; color: var(--sc-color-muted); font-size: var(--sc-font-size-sm); white-space: nowrap; }
.creator-preview { display: grid; place-items: center; height: clamp(280px, 48vh, 560px); width: 100%; overflow: hidden; border-radius: var(--sc-radius-lg); background: var(--sc-color-surface); }
.creator-preview :is(img, video) { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.creator-example-caption { display: flex; justify-content: space-between; align-items: center; gap: var(--sc-space-4); padding-block: var(--sc-space-4); }
.creator-example-caption h2 { margin: 0 0 var(--sc-space-1); font-size: var(--sc-font-size-md); line-height: 1.4; }
.creator-example-caption p { margin: 0; color: var(--sc-color-muted); font-size: var(--sc-font-size-sm); }
.creator-example-caption .sc-button { flex-shrink: 0; }
.creator-thumbnails { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sc-space-3); }
.creator-thumbnail { display: block; min-width: 0; min-height: var(--sc-control-height); padding: 0; aspect-ratio: 3 / 2; overflow: hidden; border: 2px solid transparent; border-radius: var(--sc-radius-md); background: var(--sc-color-surface); cursor: pointer; }
.creator-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.creator-thumbnail[aria-pressed="true"] { border-color: var(--sc-color-brand-500); }
.creator-page .creator-work :is(.model-workspace__results, .video-workspace__tasks, .omni-stage) { padding: 0; margin: 0; background: transparent; border: 0; }
.creator-page .creator-work :is(.model-workspace__empty, .video-workspace__empty) { padding: var(--sc-space-12) var(--sc-space-4); text-align: center; color: var(--sc-color-muted); }
.creator-page .creator-work :is([data-workspace-result-list], [data-video-task-list]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--sc-space-4); }
.creator-page :is(.creator-mode, .creator-thumbnail):focus-visible { outline: 2px solid var(--sc-color-focus); outline-offset: 2px; }
.creator-dialog { position: fixed; inset: 0; margin: auto; box-sizing: border-box; width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: var(--sc-space-4); border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-lg); background: var(--sc-color-surface); color: var(--sc-color-ink); overflow: auto; overscroll-behavior: contain; }
.creator-dialog::backdrop { background: rgb(0 0 0 / .78); }
.creator-dialog__close { display: flex; align-items: center; justify-content: center; width: var(--sc-control-height); height: var(--sc-control-height); margin: 0 0 var(--sc-space-2) auto; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-md); background: var(--sc-color-control); color: var(--sc-color-ink); font-size: var(--sc-font-size-xl); cursor: pointer; }
@media (min-width: 1100px) { .creator-page .creator-split > form { min-height: calc(100vh - var(--sc-header-height) - 140px); } }
@media (max-width: 1100px) { .creator-page .creator-page-heading p { display: none; font-size:var(--sc-content-small-size); line-height:1.8; } .creator-page .creator-split { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); } .creator-output { padding: var(--sc-space-5); } .creator-example-caption { align-items: flex-start; flex-direction: column; gap: var(--sc-space-3); } }
/* Shared markup stays usable on desktop; only the compact presentation changes below. */
.creator-reference-count { display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.creator-upload-instruction svg { width: var(--sc-space-6); height: var(--sc-space-6); }
.creator-video-prompt-field { position: relative; }
.creator-prompt-counter { justify-self: end; }
@media (max-width: 767px) {
  /* Hide the desktop mode rail before the workspace module initializes. */
  .creator-modes { display: none; }
  .creator-page .creator-main { min-height: calc(100dvh - var(--sc-header-height)); }
  .creator-mobile-tabs { display: grid; box-sizing: border-box; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-1); margin: var(--sc-space-4) var(--sc-space-3); padding: var(--sc-space-1); border-radius: var(--sc-radius-pill); background: var(--sc-color-surface-muted); scroll-margin-top: calc(var(--sc-header-height) + var(--sc-space-4)); }
  .creator-mobile-tabs button { position: relative; min-width: 0; height: 44px; margin-block: -8px; padding: 0 var(--sc-space-3); border: 0; isolation: isolate; border-radius: var(--sc-radius-pill); background: transparent; color: var(--sc-color-muted); font: inherit; font-size: var(--sc-font-size-sm); cursor: pointer; }
  .creator-mobile-tabs button::before { content: ''; position: absolute; inset: var(--sc-space-2) 0; z-index: -1; border: 1px solid transparent; border-radius: inherit; }
  .creator-mobile-tabs [aria-selected="true"] { color: var(--sc-color-ink); }
  .creator-mobile-tabs [aria-selected="true"]::before { background: var(--sc-color-control-hover); border-color: var(--sc-color-border); }
  .creator-mobile-tabs button:focus-visible { outline: 2px solid var(--sc-color-focus); outline-offset: -2px; }
  .creator-feedback { display: block; }
  .creator-feedback > :not([hidden]) { margin: var(--sc-space-3); }
  .creator-mobile-action { display: grid; gap: var(--sc-space-2); position: fixed; z-index: 60; inset: auto 0 0; padding: var(--sc-space-3) var(--sc-space-3) calc(var(--sc-space-3) + env(safe-area-inset-bottom, 0px)); border-top: 0; background: var(--sc-color-canvas); }
  .creator-page .creator-mobile-action .sc-generation-action { margin: 0; }
  .creator-page .creator-page-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
  .creator-banner { display: block; position: relative; box-sizing: border-box; height: 128px; margin: 0 var(--sc-space-3) var(--sc-space-4); overflow: hidden; border: 0; border-radius: var(--sc-radius-sm); isolation: isolate; background: var(--sc-color-surface-muted); }
  .creator-banner > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% var(--creator-banner-focus, 50%); z-index: -2; }
  .creator-banner[data-creator-banner-scene="image-image"] { --creator-banner-focus: 18%; }
  .creator-banner[data-creator-banner-scene="image-text"] { --creator-banner-focus: 30%; }
  .creator-banner[data-creator-banner-scene="image-edit"] { --creator-banner-focus: 28%; }
  .creator-banner[data-creator-banner-scene="video-image"] { --creator-banner-focus: 12%; }
  .creator-banner[data-creator-banner-scene="video-text"] { --creator-banner-focus: 22%; }
  .creator-banner[data-creator-banner-scene="video-reference"] { --creator-banner-focus: 3%; }
  .creator-banner[data-creator-banner-scene="video-edit"] { --creator-banner-focus: 10%; }
  .creator-banner[data-creator-banner-scene="video-frames"] { --creator-banner-focus: 15%; }
  .creator-banner::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgb(0 0 0 / .7), transparent 75%); }
  .creator-banner h2 { position: absolute; bottom: var(--sc-space-2); inset-inline-start: var(--sc-space-2); max-width: calc(100% - 16px); margin: 0; font-size: var(--sc-font-size-md); line-height: 1.5; color: #fff; }
  .creator-banner__trigger { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
  .creator-banner__change { display: inline-flex; align-items: center; gap: var(--sc-space-1); position: absolute; top: 0; inset-inline-end: var(--sc-space-2); min-height: 44px; isolation: isolate; padding: 2px 6px; border: 0; border-radius: var(--sc-radius-sm); background: transparent; color: #fff; font: inherit; font-size: var(--sc-font-size-xs, .75rem); line-height: 16px; cursor: pointer; }
  .creator-banner__change::before { content: ''; position: absolute; inset: var(--sc-space-2) 0 var(--sc-space-4); z-index: -1; border-radius: inherit; background: rgb(0 0 0 / .55); }
  .creator-banner__change > :is(svg, span) { transform: translateY(calc(-1 * var(--sc-space-1))); }
  .creator-banner__change svg { width: var(--sc-space-3); height: var(--sc-space-3); }
  .creator-banner__trigger:focus-visible { outline: 2px solid var(--sc-color-focus); outline-offset: -2px; }
  .creator-mode-dialog { --creator-mode-row-height: 100px; inset: auto 0 0; margin: 0; width: 100%; max-width: none; height: calc(50px + 3 * var(--creator-mode-row-height) + 2 * var(--sc-space-5) + var(--sc-space-4) + max(var(--sc-space-4), env(safe-area-inset-bottom, 0px))); max-height: calc(100dvh - var(--sc-space-8)); padding: 0; border-radius: var(--sc-radius-xl) var(--sc-radius-xl) 0 0; border-bottom: 0; overflow: hidden; }
  .creator-mode-dialog[open] { display: flex; flex-direction: column; }
  .creator-mode-dialog::backdrop { background: rgb(0 0 0 / .6); }
  .creator-mode-sheet__header { display: flex; flex: 0 0 50px; align-items: center; padding-inline: var(--sc-space-4) var(--sc-space-2); border-bottom: 1px solid var(--sc-color-border); }
  .creator-mode-sheet__tabs { display: flex; align-self: stretch; gap: var(--sc-space-6); }
  .creator-mode-sheet__tabs button { padding: 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--sc-color-muted); font: 600 var(--sc-font-size-sm)/1.4 var(--sc-font-sans); cursor: pointer; }
  .creator-mode-sheet__tabs [aria-selected="true"] { color: var(--sc-color-ink); border-bottom-color: var(--sc-color-brand-500); }
  .creator-mode-sheet__header .creator-dialog__close { margin: 0 0 0 auto; border: 0; background: transparent; font-weight: 300; }
  .creator-mode-sheet__grid { display: grid; flex: 1; min-height: 0; align-content: start; justify-items: center; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 0; row-gap: var(--sc-space-5); padding: var(--sc-space-4) var(--sc-space-4) max(var(--sc-space-4), env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
  .creator-mode-tile { display: flex; flex-direction: column; align-items: center; gap: var(--sc-space-2); width: 72px; max-width: 100%; min-height: var(--creator-mode-row-height); text-decoration: none; color: var(--sc-color-text); }
  .creator-mode-tile__icon { display: grid; place-items: center; flex: 0 0 60px; width: 60px; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--sc-space-5); background: var(--sc-color-control); }
  .creator-mode-tile__icon svg { width: var(--sc-space-6); height: var(--sc-space-6); }
  .creator-mode-tile__label { font-size: var(--sc-font-size-xs, .75rem); line-height: 1.4; text-align: center; overflow-wrap: anywhere; }
  .creator-mode-tile[aria-current="page"] .creator-mode-tile__icon { color: var(--sc-color-brand-500); border-color: var(--sc-color-brand-500); }
  .creator-mode-tile:hover .creator-mode-tile__icon { background: var(--sc-color-control-hover); }
  .creator-mode-dialog :is(a, button):focus-visible { outline: 2px solid var(--sc-color-focus); outline-offset: 2px; }
  .creator-page .creator-split { display: block; }
  .creator-page .creator-split > form { position: relative; gap: var(--sc-space-4); padding: 0 var(--sc-space-3) calc(var(--creator-action-height, 112px) + var(--sc-space-4)); border: 0; background: var(--sc-color-canvas); }
  .creator-page .creator-split :is(.sc-field, .model-workspace__model-field) { gap: var(--sc-space-2); }
  .creator-page .creator-split :is(.sc-label, .sc-field > span:first-child) { font-weight: 500; font-size:var(--sc-font-size-md); }
  .creator-page .creator-split .model-picker__trigger { min-height: 58px; border-radius: var(--sc-radius-sm); padding: var(--sc-space-3); font-size:var(--sc-font-size-md); background: var(--sc-color-control); }
  .creator-page .creator-split :is(.model-workspace__prompt-field, .omni-prompt-field) { position: relative; }
  .creator-page .creator-split :is(.model-workspace__prompt, [data-video-prompt], .omni-prompt) { box-sizing: border-box; min-height: 152px; height: 152px; padding: var(--sc-space-3) var(--sc-space-3) var(--sc-space-8); border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-sm); background: var(--sc-color-control); font-size:var(--sc-font-size-md); line-height:1.7; }
  .creator-page .creator-split .creator-prompt-counter { position: absolute; inset-inline-end: var(--sc-space-3); bottom: var(--sc-space-2); pointer-events: none; font-size: var(--sc-font-size-xs, .75rem); }
  .creator-page .creator-split .model-workspace__prompt-meta { display: contents; }
  .creator-page .creator-split [data-workspace-prompt-count] { position: absolute; bottom: var(--sc-space-2); inset-inline-end: var(--sc-space-3); font-size: var(--sc-font-size-xs, .75rem); pointer-events: none; }
  .creator-page .creator-split .creator-upload-label { margin: 0 0 calc(-1 * var(--sc-space-2)); }
  .creator-page .creator-split .creator-image-reference-help { margin-top: calc(-1 * var(--sc-space-2)); font-size: var(--sc-font-size-xs, .75rem); }
  .creator-video-upload-label { margin-bottom: calc(-1 * var(--sc-space-2)); }
  .creator-page .creator-split .video-workspace__upload-button { height: 176px; min-height: 176px; border: 0; border-radius: var(--sc-radius-sm); background: var(--sc-color-control); }
  .creator-page .creator-split .creator-upload-instruction { gap: var(--sc-space-3); color: var(--sc-color-muted); font-size: var(--sc-font-size-xs, .75rem); font-weight: 400; }
  .creator-page .creator-split .creator-upload-help { display: block; margin: var(--sc-space-2) 0 0; font-size: var(--sc-font-size-xs, .75rem); }
  .creator-page .creator-split :is([data-omni-trigger="video"], [data-omni-trigger="firstFrame"], [data-omni-trigger="lastFrame"]) { min-height: 176px; border: 0; border-radius: var(--sc-radius-sm); background: var(--sc-color-control); }
  .creator-page .creator-split .omni-frame-grid .omni-dropzone { min-height: 120px; }
  .creator-page .creator-split .model-workspace__toolbar { margin-top: 0; gap: var(--sc-space-3); }
  .creator-page .creator-split .home-specifications { grid-column: 1 / -1; width: 100%; }
  .creator-page .creator-split .home-specifications .home-specifications__trigger { width: 100%; min-width: 0; min-height: 48px; padding: var(--sc-space-2) var(--sc-space-3); border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-lg); background: var(--sc-color-control); }
  .creator-page [data-creator-compact-parameters] .home-specifications__panel { inset: auto 0 0; width: 100%; max-height: min(80dvh, 600px); padding: var(--sc-space-5) var(--sc-space-4) max(var(--sc-space-5), env(safe-area-inset-bottom)); border-radius: var(--sc-radius-xl) var(--sc-radius-xl) 0 0; border-bottom: 0; position-anchor: auto; transform: none; margin: 0; }
  .creator-page [data-creator-compact-parameters] .home-specifications__panel::backdrop { background: rgb(0 0 0 / .6); }
  .creator-page [data-creator-compact-parameters] .home-specifications__title { padding-inline-end: var(--sc-space-12); }
  .creator-page [data-creator-compact-parameters] .home-specifications__options { gap: var(--sc-space-2); }
  .creator-page [data-creator-compact-parameters] .home-specifications__option { min-height: var(--sc-control-height); }
  .creator-page .creator-split :is(.omni-recipe__explain, .omni-prompt-field > .sc-help) { font-size: var(--sc-font-size-xs, .75rem); }
  .creator-page .creator-split .omni-output-options > summary { display: none; }
  .creator-page .creator-split .video-workspace__action { margin-top: 0; }
  .creator-output, .creator-output__tabs { display: none; }
  .creator-output__assets { display: none; }
  .creator-history-toolbar { display: flex; justify-content: flex-end; margin-bottom: var(--sc-space-4); }
  .creator-history-toolbar .creator-output__assets { display: inline-flex; }
  .creator-work { padding: var(--sc-space-3); min-height: calc(100dvh - var(--sc-header-height) - 96px); }
  .creator-page .creator-work :is(.model-workspace__empty, .video-workspace__empty) { display: grid; place-content: center; min-height: calc(100dvh - var(--sc-header-height) - 260px); }
  .creator-work .omni-stage__header, .creator-work .omni-stage > .sc-help { display: none; }
  .creator-work .omni-stage:has([data-omni-empty]:not([hidden])):not(:has(.omni-history-item)) .omni-result { display: none; }
  .creator-work .omni-history__list > p:only-child { display: grid; place-content: center; min-height: calc(100dvh - var(--sc-header-height) - 260px); text-align: center; }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__dialog { grid-template-rows: minmax(0, 1fr); padding: var(--sc-space-1); }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__dialog::before { content: none; }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__option { grid-template-columns: var(--sc-space-4) minmax(0, 1fr); min-height: 58px; gap: var(--sc-space-3); }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__option::before { content: ''; width: var(--sc-space-4); height: var(--sc-space-4); box-sizing: border-box; border: 1px solid var(--sc-color-border-strong); border-radius: 50%; }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__option::after { content: none; }
  .model-picker__backdrop[data-compact-presentation="dropdown"] .model-picker__option[aria-pressed="true"]::before { border: 4px solid var(--sc-color-brand-500); background: var(--sc-color-canvas); }
}

/* v5b 07–08: the form and examples share the reference's two rounded panels.
   The existing workspace still owns every input, action, and task state. */
.creator-page .creator-main {
  position: relative; isolation: isolate;
  box-sizing: border-box;
  width: min(100%, calc(var(--sc-container) + var(--sc-page-gutter-start, 124px) + var(--sc-page-gutter-end, 44px) - var(--sc-sidebar-width, 80px)));
  margin-inline: auto;
  padding-block: 36px 110px;
  padding-inline: calc(var(--sc-page-gutter-start, 124px) - var(--sc-sidebar-width, 80px)) var(--sc-page-gutter-end, 44px);
}
.creator-page .creator-main::before { content: ""; position: absolute; inset: calc(-1 * var(--sc-header-height)) 0 auto; z-index: -1; height: 300px; pointer-events: none; background-image: linear-gradient(color-mix(in srgb, var(--sc-color-text) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sc-color-text) 5%, transparent) 1px, transparent 1px); background-size: 64px 64px; background-position: center -1px; mask-image: radial-gradient(ellipse 62% 78% at 50% 44%, transparent 18%, black 46%, transparent 82%); }
.creator-page .creator-page-heading { padding: 0; margin-bottom: 24px; }
.creator-page .creator-page-heading h1 { font: 600 34px/1.15 var(--sc-font-display); letter-spacing: -.035em; }
.creator-page .creator-modes { gap: 28px; margin: 0 0 26px; padding: 0; border-bottom-color: var(--sc-color-border); }
.creator-page .creator-mode { position: relative; min-height: 46px; padding: 0; border-radius: 0; font-size:var(--sc-font-size-md); font-weight: 500; }
.creator-page .creator-mode[aria-current="page"] { color: var(--sc-color-ink); background: transparent; box-shadow: inset 0 -2px var(--sc-color-brand-500); }
.creator-page .creator-mode:hover { background: transparent; }
.creator-page .creator-split { grid-template-columns: 456px minmax(0, 1fr); align-items: start; gap: 22px; background: transparent; }
.creator-page .creator-split > form {
  position: sticky; top: 92px; min-height: 0; gap: 22px; padding: 26px;
  border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-xl);
  background: linear-gradient(180deg, var(--sc-color-surface-muted), var(--sc-color-surface));
  box-shadow: var(--sc-shadow-md); scroll-padding-bottom: var(--sc-space-6);
}
.creator-page .creator-split :is(.sc-label, .sc-field > span:first-child) { font-size:var(--sc-font-size-md); font-weight: 600; color: var(--sc-color-text); }
.creator-page .creator-split :is(.sc-field, .model-workspace__model-field) { gap: 10px; }
.creator-page .creator-split :is(.model-picker__trigger, .sc-input, .model-workspace__select) { border-color: var(--sc-color-border); border-radius: var(--sc-radius-md); background: var(--sc-color-well, var(--sc-color-control)); box-shadow: none; }
.creator-page .creator-split .model-picker__trigger { min-height: 50px; padding: 0 14px; font-size:var(--sc-font-size-md); }
.creator-page .creator-split :is(.model-workspace__prompt, [data-video-prompt], .omni-prompt) { box-sizing: border-box; height: 136px; min-height: 136px; padding: 14px; font-size:var(--sc-font-size-md); line-height:1.7; }
.creator-page .creator-split .model-workspace__prompt-meta { min-height: 0; }
.creator-page .creator-split .model-workspace__reference-button,
.creator-page .creator-split .video-workspace__upload-button {
  height: 150px; min-height: 150px; padding: 20px; gap: 12px;
  border: 1px dashed var(--sc-color-border-strong); border-radius: var(--sc-radius-lg);
  background: color-mix(in srgb, var(--sc-color-well, var(--sc-color-control)) 55%, transparent);
}
.creator-page .creator-split .model-workspace__reference-button > span:first-child {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  color: var(--sc-color-brand-500); background: var(--sc-color-brand-50); font-size: 26px; font-weight: 400;
}
.creator-page .creator-split .model-workspace__reference-button > span:nth-child(2) { color: var(--sc-color-ink); font-size:var(--sc-font-size-md); font-weight: 600; }
.creator-page .creator-split .model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .model-workspace__reference-button > span:first-child,
.creator-page .creator-split .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .model-workspace__reference-button > span:first-child { width: 44px; height: 44px; font-size: 26px; color: var(--sc-color-brand-500); }
:root body.creator-page .sc-reference-rail[data-reference-rail][data-reference-filled="false"] .sc-reference-rail__add { min-height: 150px; height: 150px; border-radius: var(--sc-radius-lg); background: color-mix(in srgb, var(--sc-color-well, var(--sc-color-control)) 55%, transparent); }
:root body.creator-page .sc-reference-rail[data-reference-rail] .sc-reference-rail__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--sc-color-brand-500); background: var(--sc-color-brand-50); font-size: 26px; }
.creator-page .creator-split :is(.creator-image-reference-help, .creator-upload-help) { color: var(--sc-color-subtle); font-size:var(--sc-font-size-sm); line-height:1.7; }
.creator-page .creator-split .creator-image-reference-help { margin-top: -12px; }
.creator-page .creator-split .model-workspace__toolbar { margin-top: 0; gap: 14px; }
.creator-page .creator-split .home-specifications .home-specifications__trigger { min-height: 44px; background: var(--sc-color-well, var(--sc-color-control)); }
.creator-page .creator-mobile-action {
  position: static; inset: auto !important; width: 100% !important;
  gap: 14px; margin-top: 0; padding: 18px 0 0; border-top: 1px solid var(--sc-color-border);
  background: transparent; z-index: auto;
}
.creator-page .creator-mobile-action .sc-generation-action[data-generation-action][data-generation-kind] { gap: 14px; }
.creator-page .creator-mobile-action .sc-generation-action[data-generation-action][data-generation-kind] > .sc-generation-action__submit { min-height: 52px; border-radius: var(--sc-radius-pill); }
.creator-page .creator-mobile-action .sc-generation-action[data-generation-action][data-generation-kind] > .sc-generation-action__submit:disabled { color: var(--sc-color-subtle); background: var(--sc-color-control-hover); opacity: 1; }
.creator-page .creator-output { padding: 20px 22px 22px; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-xl); background: var(--sc-color-surface); }
.creator-page .creator-output__tabs { gap: 22px; margin-bottom: 16px; }
.creator-page .creator-output__tabs .sc-button { min-height:var(--sc-control-height); padding-block: 0; font-size:var(--sc-font-size-md); font-weight: 500; }
.creator-page .creator-output__assets { min-height:var(--sc-control-height); font-size:var(--sc-font-size-md); color: var(--sc-color-text); }
.creator-page .creator-output .creator-preview { position: relative; height: auto; max-width: none; aspect-ratio: 16 / 9; border-radius: 18px; background: var(--sc-color-bg-2, var(--sc-color-canvas)); }
.creator-page .creator-output .creator-preview :is(img, video) { position: absolute; inset: 0; min-width: 0; min-height: 0; width: 100%; height: 100%; }
.creator-page .creator-output .creator-preview img { object-fit: cover; }
.creator-page .creator-output .creator-preview img[src*="editorial-20260906"] { object-position: center top; }
.creator-page .creator-main[data-creator-kind="video"] .creator-output .creator-preview { height: auto; max-width: none; }
.creator-page .creator-example-caption { gap: 20px; padding-block: 18px 0; }
.creator-page .creator-example-caption h2 { font: 600 20px/1.25 var(--sc-font-display); letter-spacing: -.02em; color: var(--sc-color-brand-700) !important; }
.creator-page .creator-example-caption p { margin-top: 4px; font-size:var(--sc-font-size-md); line-height:1.7; }
.creator-page .creator-example-caption .sc-button { min-height:var(--sc-control-height); border-radius: var(--sc-radius-pill); font-size:var(--sc-font-size-md); }
.creator-page .creator-thumbnails { gap: 10px; margin-top: 18px; }
.creator-page .creator-thumbnail { height: 58px; min-height: 0; aspect-ratio: auto; border-radius: 12px; opacity: .7; }
.creator-page .creator-thumbnail:hover, .creator-page .creator-thumbnail[aria-pressed="true"] { opacity: 1; }
.creator-page .creator-thumbnail[aria-pressed="true"] { border-color: var(--sc-color-brand-500); }
.creator-page [data-creator-example-status]:empty { display: none; }
@media (max-width: 1300px) and (min-width: 768px) {
  .creator-page .creator-split { grid-template-columns: 400px minmax(0, 1fr); }
  .creator-page .creator-split > form { padding: 22px; }
}
@media (max-width: 1000px) and (min-width: 768px) {
  .creator-page .creator-split { grid-template-columns: minmax(280px, .9fr) minmax(0, 1fr); }
  .creator-page .creator-output { padding: 18px; }
  .creator-page .creator-output__tabs { gap: 12px; flex-wrap: wrap; }
  .creator-page .creator-output__assets { margin-inline-start: 0; min-height:var(--sc-control-height); font-size:var(--sc-font-size-md); }
}
@media (max-width: 767px) {
  .creator-page .creator-main { width: 100%; min-height: calc(100dvh - var(--sc-header-height)); padding: 12px 16px 110px; }
  .creator-page .creator-main::before { display: none; }
  .creator-page .creator-mobile-tabs { margin: 0 0 12px; padding: 4px; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-pill); background: var(--sc-color-well, var(--sc-color-control)); }
  .creator-page .creator-mobile-tabs button { height:auto; min-height:var(--sc-control-height); margin: 0; padding-inline: 12px; font-size:var(--sc-font-size-md); font-weight: 600; }
  .creator-page .creator-mobile-tabs button::before { inset: 0; }
  .creator-page .creator-mobile-tabs [aria-selected="true"]::before { background: var(--sc-color-control-hover); box-shadow: var(--sc-shadow-sm); }
  .creator-page .creator-banner { height: 144px; margin: 0 0 var(--sc-space-3); border-radius: var(--sc-radius-lg); }
  .creator-page .creator-banner h2 { inset-inline-start: 16px; bottom: 14px; margin: 0; font: 600 19px/1.3 var(--sc-font-display); letter-spacing: -.02em; }
  .creator-page .creator-banner__change { top: var(--sc-space-2); inset-inline-end: var(--sc-space-2); min-height: 28px; gap: var(--sc-space-1); padding: 0 var(--sc-space-2); border-radius: var(--sc-radius-pill); font-size: var(--sc-font-size-xs, .75rem); }
  .creator-page .creator-banner__change::before { inset: 0; border: 1px solid var(--sc-color-border-strong); }
  .creator-page .creator-banner__change > :is(svg, span) { transform: none; }
  .creator-page .creator-split { display: block; margin: 0; }
  .creator-page .creator-split > form { position: static; padding: 18px; gap: 22px; border: 1px solid var(--sc-color-border); border-radius: 22px; }
  .creator-page .creator-split .model-picker__trigger { min-height: 50px; font-size:var(--sc-font-size-md); }
  .creator-page .creator-split :is(.model-workspace__prompt, [data-video-prompt], .omni-prompt) { height: 136px; min-height: 136px; font-size:var(--sc-font-size-md); line-height:1.7; }
  .creator-page .creator-split .model-workspace__prompt-meta { display: flex; }
  .creator-page .creator-split [data-workspace-prompt-count], .creator-page .creator-split .creator-prompt-counter { position: static; align-self: end; margin: 0; }
  .creator-page .creator-split .creator-upload-label { margin-bottom: -12px; }
  .creator-page .creator-split .creator-image-reference-help { margin-top: -12px; }
  .creator-page .creator-output { display: none; }
  .creator-page .creator-work { padding: 16px; border: 1px solid var(--sc-color-border); border-radius: 22px; background: var(--sc-color-surface); }
  .creator-page .creator-feedback > :not([hidden]) { margin: 0 0 12px; }
}

/* v5b supplemental states consume the existing task and upload lifecycle. */
.creator-page .creator-work [data-workspace-result-list] { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.creator-page .creator-work :is(.model-task, .video-workspace__task) { min-block-size: 0; height: auto; padding: 22px; gap: 16px; border: 1px solid var(--sc-color-border); border-radius: 22px; background: var(--sc-color-surface); box-shadow: none; }
.creator-page .model-task__copy { gap: 8px; }
.creator-page .model-task__prompt { display: block; font: 500 17px/1.5 var(--sc-font-sans); overflow: visible; }
.creator-page :is(.model-task__meta, .video-workspace__task-meta) { font-size: 12.5px; color: var(--sc-color-muted); }
.creator-page :is(.model-task__status, .video-workspace__task-status) { display: inline-flex; align-items: center; gap: 7px; width: fit-content; min-height: 28px; padding: 0 12px; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-pill); color: var(--sc-color-text); background: color-mix(in srgb, var(--sc-color-ink) 5%, transparent); font-size: 12px; font-weight: 600; }
.creator-page :is(.model-task__status, .video-workspace__task-status)::before { content: ''; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--sc-color-brand-500); }
.creator-page :is(.model-task--error .model-task__status, .video-workspace__task[data-state="error"] .video-workspace__task-status) { color: var(--sc-color-danger-ink, var(--sc-color-danger)); border-color: color-mix(in srgb, var(--sc-color-danger) 40%, transparent); }
.creator-page :is(.model-task--error .model-task__status, .video-workspace__task[data-state="error"] .video-workspace__task-status)::before { background: var(--sc-color-danger); }
.creator-page :is(.model-task--succeeded .model-task__status, .video-workspace__task[data-state="succeeded"] .video-workspace__task-status)::before { background: var(--sc-color-success); }
.creator-page .creator-work .model-task__media-track { max-inline-size: none; }
.creator-page .creator-work .model-task__media-track--count-1 { max-inline-size: none; grid-auto-columns: 100%; }
.creator-page :is(.model-task__skeleton, .video-workspace__task-skeleton) { box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 300px; padding: 30px 20px; border-radius: 20px; background: radial-gradient(70% 60% at 50% 45%, color-mix(in srgb, var(--sc-color-brand-500) 7%, transparent), transparent 70%), var(--sc-color-bg-2); animation: none; }
.creator-page :is(.model-task__skeleton, .video-workspace__task-skeleton)::before { content: '✦'; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--sc-color-border); border-radius: 50%; color: var(--sc-color-brand-500); background: var(--sc-color-surface); font: 400 28px/1 var(--sc-font-display); }
.creator-page :is(.model-task__skeleton, .video-workspace__task-skeleton)::after { content: ''; position: static; order: 1; width: min(380px, 80%); height: 8px; border-radius: 4px; background: linear-gradient(90deg, transparent 20%, var(--sc-color-brand-500) 50%, transparent 80%), color-mix(in srgb, var(--sc-color-ink) 10%, transparent); background-size: 220% 100%; transform: none; animation: creator-state-shimmer 2s linear infinite; }
.creator-page :is(.model-task__skeleton, .video-workspace__task-skeleton) .sc-generation-timing { order: 2; font-size: 12.5px; color: var(--sc-color-muted); }
.creator-page .creator-work :is(.model-task__skeleton, .video-workspace__task-skeleton) { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.creator-page :is(.model-task__error, .video-workspace__task-error) { padding: 24px; border: 1px solid color-mix(in srgb, var(--sc-color-danger) 25%, var(--sc-color-border)); border-radius: 20px; background: var(--sc-color-bg-2); color: var(--sc-color-muted); font-size: 14px; line-height: 1.55; }
.creator-page .model-task--error .model-task__error { order: 1; margin: 0; }
.creator-page .model-task--error .model-task__actions { order: 2; margin-top: 0; }
.creator-page :is(.model-task__actions, .video-workspace__task-actions) { gap: 10px; }
.creator-page :is(.model-task__actions, .video-workspace__task-actions) .sc-button, .creator-page .model-task__media-download { min-height:var(--sc-control-height); padding: 0 18px; border-radius: var(--sc-radius-pill); font-size:var(--sc-font-size-md); }
.creator-page :is(.model-workspace__empty, .video-workspace__empty):not([hidden]) { display: grid; place-content: center; justify-items: center; gap: 16px; min-height: 360px; padding: 24px; text-align: center; color: var(--sc-color-muted); font-size: 14px; line-height: 1.6; }
.creator-page :is(.model-workspace__empty, .video-workspace__empty):not([hidden])::before { content: '✦'; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid var(--sc-color-border); border-radius: 20px; color: var(--sc-color-brand-500); background: var(--sc-color-well); font-size: 30px; }
.creator-page :is(.model-workspace__history-loading, .video-workspace__history-loading) { color: var(--sc-color-muted); font-size: 13px; }
.creator-page .video-reference-rail.is-dragging { outline: 2px solid var(--sc-color-brand-500); outline-offset: 4px; background: var(--sc-color-brand-50); }
.creator-page .omni-frame-grid > div { position: relative; }
.creator-page .omni-frame-grid .omni-dropzone { position: relative; padding-bottom: 36px; }
.creator-page .omni-frame-grid .omni-dropzone > span:not(.omni-dropzone__icon) { padding: 3px 8px; border-radius: 6px; font: 500 11px/1.4 var(--sc-font-mono); color: var(--sc-color-ink); background: color-mix(in srgb, var(--sc-color-canvas-deep) 75%, transparent); }
@keyframes creator-state-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (max-width: 767px) {
  .creator-page .creator-work :is(.model-task, .video-workspace__task) { padding: 16px; }
  .creator-page .model-task__prompt { font-size: 15px; }
  .creator-page :is(.model-task__actions, .video-workspace__task-actions) { flex-wrap: wrap; }
  .creator-page :is(.model-task__actions, .video-workspace__task-actions) .sc-button { flex: 1 1 40%; }
}
@media (prefers-reduced-motion: reduce) {
  .creator-page :is(.model-task__skeleton, .video-workspace__task-skeleton)::after { animation: none; }
}

/* Ordered frame inputs retain separate roles at every viewport. */
.creator-page .creator-split[data-video-input-mode="frames"] .video-workspace__uploads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-3); }
.creator-page [data-video-input-mode="frames"] [data-video-upload] > .sc-label { display: block; margin-bottom: var(--sc-space-2); }
.creator-page [data-creator-kind="video"] :is(.creator-output__tabs .sc-button, .creator-output__assets, [data-creator-use-example], .creator-mobile-tabs button) { height: auto; min-height: var(--sc-control-height); }