@import url("/components/reference-rail/reference-rail.css?v=20261022-v5b");
@import url("/components/loading/workspace-readiness.css?copy=20261023-acceptance");
@import url("/components/image-model-controls/ImageEditControls.css?v=2");
.model-workspace {
  padding: var(--sc-space-6);
  display: grid;
  gap: var(--sc-space-4);
  position: relative;
  min-width: 0;
  border-color: var(--sc-color-border);
  box-shadow: none;
}

.model-workspace [hidden] {
  display: none !important;
}

.model-workspace::before {
  content: none;
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--sc-color-brand-500);
}

.model-workspace__heading { display: grid; gap: var(--sc-space-3); }
.model-workspace__heading .sc-eyebrow { font-size: 0.6875rem; }
.model-workspace__title { margin: 0; color: var(--sc-color-ink); font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.2; }
.model-workspace__subtitle { max-width: 64ch; margin: 0; color: var(--sc-color-muted); line-height: 1.65; }
.model-workspace__form { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-4); min-width: 0; }
.model-workspace__form > * { min-width: 0; }
.model-workspace__model-field { grid-row: 1; }

.model-picker--fixed {
  min-height: var(--sc-control-height);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 var(--sc-space-3);
  border: 1px solid var(--sc-color-border);
  border-radius: var(--sc-radius-md);
  background: var(--sc-color-surface-muted);
}

.model-picker__fixed-value {
  color: var(--sc-color-text);
  font-weight: 650;
}

.model-workspace__references {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sc-space-3);
  min-width: 0;
}

.model-workspace__reference-button {
  width: var(--sc-control-height);
  min-width: var(--sc-control-height);
  min-height: var(--sc-control-height);
  max-width: var(--sc-control-height);
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--sc-color-border);
  border-radius: var(--sc-radius-md);
  color: var(--sc-color-text);
  background: transparent;
  font: 750 0.8125rem/1.3 var(--sc-font-sans);
  text-align: center;
  cursor: pointer;
  transition: border-color var(--sc-motion-fast) var(--sc-ease), background var(--sc-motion-fast) var(--sc-ease);
}

.model-workspace__reference-button:hover:not(:disabled) { border-color: var(--sc-color-border-strong); background: var(--sc-color-surface-muted); }
.model-workspace__reference-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--sc-color-brand-500) 25%, transparent); outline-offset: 2px; }
.model-workspace__reference-button:disabled { opacity: 0.5; cursor: not-allowed; }
.model-workspace__reference-button[aria-disabled="true"] {
  border-style: solid;
  border-color: var(--sc-color-border-strong);
  color: var(--sc-color-muted);
  background: var(--sc-color-surface-muted);
  cursor: help;
}
.model-workspace__reference-button[aria-disabled="true"] > span:first-child {
  color: var(--sc-color-muted);
  background: var(--sc-color-surface);
  box-shadow: inset 0 0 0 1px var(--sc-color-border);
}
.model-workspace__reference-button > span:first-child { display: grid; width: 100%; height: 100%; place-items: center; color: var(--sc-color-muted); font-size: 1.35rem; }
.model-workspace__reference-button > :not(:first-child) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

.model-workspace__reference-list { display: flex; gap: var(--sc-space-2); min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.model-workspace__reference-list:empty { display: none; }
.model-workspace__reference { width: 5.5rem; min-width: 5.5rem; position: relative; overflow: hidden; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-lg); background: var(--sc-color-surface-muted); aspect-ratio: 1; }
.model-workspace__reference img { width: 100%; height: 100%; display: block; object-fit: cover; }
.model-workspace__reference-state { position: absolute; inset: auto 0 0; padding: var(--sc-space-1); color: var(--sc-color-ink); background: color-mix(in srgb, var(--sc-color-surface) 90%, transparent); font-size: 0.625rem; text-align: center; }
.model-workspace__reference-state:empty { display: none; }
.model-workspace__reference-remove { width: 1.75rem; height: 1.75rem; position: absolute; top: var(--sc-space-1); right: var(--sc-space-1); display: grid; place-items: center; border: 0; border-radius: 50%; color: var(--sc-color-on-brand); background: var(--sc-color-overlay); font-size: 1rem; cursor: pointer; }
.model-workspace__reference-remove:focus-visible { outline: 3px solid var(--sc-color-brand-200); }

.model-workspace__prompt { box-sizing: border-box; width: 100%; min-height: 8rem; padding: var(--sc-space-3); color: var(--sc-color-ink); background: transparent; border-color: var(--sc-color-border); font-size: 1rem; line-height: 1.6; resize: vertical; }
.model-workspace__prompt-starters { display: flex; flex-wrap: wrap; gap: var(--sc-space-2); }
.model-workspace__starter {
  min-height: var(--sc-control-height);
  padding: var(--sc-space-2) var(--sc-space-3);
  border: 1px solid var(--sc-color-border);
  border-radius: var(--sc-radius-pill);
  color: var(--sc-color-muted);
  background: transparent;
  font: 750 0.75rem/1.2 var(--sc-font-sans);
  cursor: pointer;
  transition: border-color var(--sc-motion-fast) var(--sc-ease), background var(--sc-motion-fast) var(--sc-ease);
}
.model-workspace__starter:hover { border-color: var(--sc-color-border-strong); background: var(--sc-color-surface-muted); }
.model-workspace__starter:focus-visible { outline: 3px solid color-mix(in srgb, var(--sc-color-brand-500) 25%, transparent); outline-offset: 2px; }
.model-workspace__prompt-meta { display: flex; justify-content: space-between; gap: var(--sc-space-4); }
.model-workspace__model-field { width: min(100%, 20rem); max-width: 100%; }
.model-workspace__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-space-2); }
.model-workspace__control { display: block; min-width: 0; max-width: 100%; }
.model-workspace__select {
  min-height: var(--sc-control-height);
  max-width: 100%;
  padding: 0 var(--sc-space-8) 0 var(--sc-space-3);
  border: 1px solid var(--sc-color-border-strong);
  border-radius: var(--sc-radius-md);
  color: var(--sc-color-text);
  background-color: var(--sc-color-surface);
  font: 700 0.75rem/1 var(--sc-font-sans);
  cursor: pointer;
}
.model-workspace__model-select {
  width: 100%;
  border-radius: var(--sc-radius-md);
  font-size: 0.875rem;
}
.model-workspace__select:focus-visible { outline: 3px solid color-mix(in srgb, var(--sc-color-brand-500) 22%, transparent); outline-offset: 1px; border-color: var(--sc-color-brand-500); }
.model-workspace__select:disabled { opacity: 0.55; cursor: not-allowed; }
.model-workspace__limit-status { margin: 0; display: grid; gap: var(--sc-space-1); }
.model-workspace__cost { min-width: 0; margin-left: auto; color: var(--sc-color-muted); font-size: 0.75rem; font-weight: 500; overflow-wrap: anywhere; }
.model-workspace__submit { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.model-workspace__status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sc-space-3); margin: 0; }
.model-workspace__status-action { color: currentColor; font-weight: 800; }
.model-workspace__trust { margin: 0; color: var(--sc-color-subtle); font-size: 0.75rem; line-height: 1.55; }

.model-workspace__results { padding-top: var(--sc-space-5); display: grid; gap: var(--sc-space-4); border-top: 1px solid var(--sc-color-border); }
.model-workspace__results > h3 { margin: 0; color: var(--sc-color-ink); font-size: 1rem; }
.model-workspace__empty { margin: 0; color: var(--sc-color-subtle); font-size: 0.8125rem; line-height: 1.55; }
[data-workspace-result-list] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-space-3); }
.model-workspace__history-pagination { display: grid; justify-items: center; gap: var(--sc-space-2); }
.model-workspace__history-pagination .sc-button { min-height: 2.5rem; }
.model-workspace__history-loading { margin: 0; color: var(--sc-color-subtle); font-size: 0.75rem; }

.model-task { box-sizing: border-box; min-width: 0; min-block-size: 28rem; height: 100%; padding: var(--sc-space-4); display: flex; flex-direction: column; gap: var(--sc-space-3); border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-lg); background: var(--sc-color-surface-muted); }
.model-task--multi-result { grid-column: 1 / -1; }
.model-task--succeeded { border-color: var(--sc-color-brand-200); background: var(--sc-color-brand-50); }
.model-task--error { border-color: color-mix(in srgb, var(--sc-color-danger) 24%, var(--sc-color-border)); background: color-mix(in srgb, var(--sc-color-danger) 5%, var(--sc-color-surface)); }
.model-task__copy { min-width: 0; display: grid; gap: var(--sc-space-1); }
.model-task__prompt { margin: 0; overflow: hidden; color: var(--sc-color-ink); font-size: 0.875rem; font-weight: 750; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.model-task__meta,
.model-task__status,
.model-task__error { margin: 0; color: var(--sc-color-muted); font-size: 0.6875rem; line-height: 1.5; }
.model-task__status { color: var(--sc-color-brand-800); font-weight: 750; }
.model-task__error { color: var(--sc-color-danger); }
.model-task__media-track { --model-task-visible-results: 2; width: 100%; max-inline-size: calc(24rem + var(--sc-space-3)); display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--sc-space-3)) / 2); gap: var(--sc-space-3); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--sc-color-brand-300) transparent; padding-block-end: var(--sc-space-2); }
.model-task__media-track--count-1 { --model-task-visible-results: 1; max-inline-size: 12rem; grid-auto-columns: 100%; overflow-x: hidden; }
.model-task__media-track--count-2 { --model-task-visible-results: 2; max-inline-size: calc(24rem + var(--sc-space-3)); grid-auto-columns: calc((100% - var(--sc-space-3)) / 2); }
.model-task__media-item,
.model-task__skeleton { min-width: 0; scroll-snap-align: start; }
.model-task__media-item { position: relative; display: grid; gap: var(--sc-space-2); }
.model-task__media { width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: var(--sc-radius-md); background: var(--sc-color-surface); cursor: zoom-in; aspect-ratio: 1 / 1; }
.model-task__media img { width: 100%; height: 100%; display: block; object-fit: contain; }
.model-task__media:focus-visible { outline: 3px solid var(--sc-color-brand-500); outline-offset: 2px; }
.model-task__media-download { width: 100%; min-height: 2.25rem; padding: 0.55rem 0.7rem; font-size: 0.6875rem; }
.model-task__media-navigation { display: flex; align-items: center; justify-content: flex-end; gap: var(--sc-space-2); }
.model-task__media-navigation .sc-button { min-width: 2.75rem; min-height: 2.75rem; padding-inline: var(--sc-space-2); }
.model-task__media-position { min-width: 3.5rem; color: var(--sc-color-muted); font-size: 0.75rem; font-variant-numeric: tabular-nums; text-align: center; }
.model-task__skeleton { position: relative; overflow: hidden; border-radius: var(--sc-radius-md); background: var(--sc-color-surface); aspect-ratio: 1 / 1; }
.model-task__skeleton::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--sc-color-brand-100) 62%, white) 48%, transparent 76%); transform: translateX(-100%); animation: model-task-shimmer 1.45s ease-in-out infinite; }
@keyframes model-task-shimmer { to { transform: translateX(100%); } }
.model-task__actions { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-space-2); }
.model-task__actions .sc-button { width: auto; min-height: 2.25rem; padding: 0.55rem 0.7rem; flex: 0 0 auto; font-size: 0.6875rem; }

@media (max-width: 720px) {
  .model-workspace { padding: var(--sc-space-4); }
  .model-workspace__references { flex-direction: row; }
  .model-workspace__reference-button { width: var(--sc-control-height); }
  .model-workspace__prompt-meta { align-items: flex-start; flex-direction: column; gap: var(--sc-space-1); }
  .model-workspace__starter { flex: 1 1 auto; }
  .model-workspace__toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
  .model-workspace__select { width: 100%; }
  .model-workspace__cost { width: auto; margin-left: 0; grid-column: 1; }
  .model-workspace__submit { width: 100%; grid-column: 2; }
  [data-workspace-result-list] { grid-template-columns: 1fr; }
  .model-task__media-track:not(.model-task__media-track--count-1) { grid-auto-columns: min(78%, 12rem); scroll-padding-inline: var(--sc-space-2); }
  .model-task__actions .sc-button { min-height: 2.75rem; }
}

@media (min-width: 721px) {
  [data-workspace-result-list] { grid-auto-rows: minmax(28rem, auto); align-items: stretch; }
}

@media (min-width: 900px) {
  .model-task__media-track--count-3,
  .model-task__media-track--count-4 { --model-task-visible-results: 3; max-inline-size: calc(36rem + var(--sc-space-3) + var(--sc-space-3)); grid-auto-columns: calc((100% - var(--sc-space-3) - var(--sc-space-3)) / 3); }
}

@media (min-width: 1200px) {
  .model-task__media-track--count-4 { --model-task-visible-results: 4; max-inline-size: calc(48rem + var(--sc-space-3) + var(--sc-space-3) + var(--sc-space-3)); grid-auto-columns: calc((100% - var(--sc-space-3) - var(--sc-space-3) - var(--sc-space-3)) / 4); }
}

@media (prefers-reduced-motion: reduce) {
  .model-workspace__reference-button,
  .model-workspace__select,
  .model-workspace__starter { transition: none; }
  .model-task__skeleton::after { animation: none; }
}

/* A landing workspace gives its viewport to inputs, not a second introduction. */
.model-workspace__heading {
  position:absolute; inline-size:1px; block-size:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.model-workspace { padding:var(--sc-space-5); gap:var(--sc-space-5); }
.model-workspace__form { gap:var(--sc-space-3); }
.model-workspace__prompt-field { gap:var(--sc-space-2); }
.model-workspace__prompt { min-height:6rem; height:clamp(6rem,16vh,9rem); }
.model-workspace__prompt-meta { font-size:.75rem; }
.model-workspace__prompt-meta .sc-help { font-size:.75rem; }
.model-workspace__prompt-starters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sc-space-2); }
.model-workspace__starter { padding:var(--sc-space-2); font-weight:500; }
.model-workspace__reference { width:3.5rem; min-width:3.5rem; border-radius:var(--sc-radius-md); }
.model-workspace__reference-remove { min-width:2.75rem; min-height:2.75rem; }
.model-workspace__reference-list { align-items:center; }
@media(max-width:720px) {
  .model-workspace { padding:var(--sc-space-3); }
  .model-workspace__model-field { width:100%; }
  .model-workspace__form { gap:var(--sc-space-2); }
  .model-workspace__prompt-starters { gap:var(--sc-space-1); }
  .model-workspace__starter { font-size:.6875rem; }
  .model-workspace__prompt-meta { flex-direction:row; align-items:start; gap:var(--sc-space-2); }
  .model-workspace__prompt-meta [data-workspace-prompt-count] { flex:none; }
  .model-workspace__toolbar { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .model-workspace__toolbar .model-picker__trigger { padding-inline:var(--sc-space-2); gap:var(--sc-space-1); }
  .model-workspace__cost { grid-column:1; }
  .model-workspace__submit { grid-column:2 / -1; }
}

/* Purpose-led creation: primary brief first; secondary controls disclose in place. */
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) {
  --sc-import-card-width: var(--sc-control-height);
  width: 100%; max-width: 48rem; margin-inline: auto;
  padding: var(--sc-space-5); gap: var(--sc-space-4);
  background: var(--sc-color-surface); border-radius: var(--sc-radius-xl);
}
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .model-workspace__form { gap: var(--sc-space-3); }
.creative-brief { display: grid; gap: var(--sc-space-3); min-width: 0; }
.creative-brief__goal { margin: 0; padding: 0; border: 0; min-width: 0; }
.creative-brief__goal legend { margin-bottom: var(--sc-space-2); }
.creative-brief__choices { display: flex; gap: var(--sc-space-2); }
.creative-brief__choices .sc-button {
  flex: 1 1 0; min-width: 0; padding: var(--sc-space-2);
  font-size: var(--sc-font-size-sm); line-height: 1.4; white-space: normal;
}
.creative-brief__choices [aria-pressed="true"] {
  border-color: var(--sc-color-brand-700); color: var(--sc-color-ink);
  background: var(--sc-color-brand-50); box-shadow: inset 0 0 0 1px var(--sc-color-brand-700);
}
.creative-brief__field { gap: var(--sc-space-1); min-width: 0; }
.creative-brief__field .sc-input { width: 100%; min-width: 0; min-height: var(--sc-control-height); padding: var(--sc-space-2) var(--sc-space-3); font-size: 1rem; }
.creative-brief__details { min-width: 0; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-md); background: transparent; }
.creative-brief__details > summary {
  min-height: var(--sc-control-height); padding: var(--sc-space-2) var(--sc-space-3);
  color: var(--sc-color-muted); cursor: pointer; font-size: var(--sc-font-size-sm); line-height: 1.5; overflow-wrap: anywhere;
}
.creative-brief__details > summary:focus-visible { outline: 2px solid var(--sc-color-brand-700); outline-offset: 2px; }
.creative-brief__fields { display: grid; gap: var(--sc-space-3); padding: 0; }
.creative-options { min-width: 0; border-block: 1px solid var(--sc-color-border); }
.creative-options > summary { padding-block: var(--sc-space-3); color: var(--sc-color-muted); cursor: pointer; font-size: var(--sc-font-size-sm); }
.creative-options > .creative-brief__fields { padding-block: var(--sc-space-2) var(--sc-space-4); }
.model-workspace--compact-landing .creative-effects .creative-brief__choices { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.model-workspace--compact-landing .creative-effects .creative-brief__choices small { padding: var(--sc-space-2); font-weight: normal; }
.model-workspace--compact-landing .model-workspace__heading { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.model-workspace--compact-landing .creative-input { background: none; }
@media(max-width:640px) {
  .model-workspace--compact-landing .creative-effects .creative-brief__choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .sc-parameter-row { width: 100%; flex-basis: 100%; align-items: end; }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .sc-parameter-row .sc-label { display: block; margin-bottom: var(--sc-space-1); color: var(--sc-color-muted); font-size: var(--sc-font-size-sm); }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .model-workspace__prompt { min-height: 6rem; height: 6rem; padding: var(--sc-space-3); font-size: 1rem; line-height: 1.5; border: 1px solid var(--sc-color-border-strong); border-radius: var(--sc-radius-md); background: var(--sc-color-control); }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .model-workspace__prompt:focus-visible { outline: 2px solid var(--sc-color-brand-700); outline-offset: 2px; }
.model-workspace--purpose .model-workspace__prompt-meta { justify-content: flex-end; }
.model-workspace--purpose #modelWorkspacePromptHelp { display: none; }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .model-workspace__references { flex-wrap: nowrap; gap: var(--sc-space-3); margin: 0; padding: 0; }
.model-workspace.model-workspace--purpose .creative-reference-entry { display: grid; grid-template-columns: var(--sc-import-card-width) minmax(0, 1fr); column-gap: var(--sc-space-3); width: 100%; max-width: none; flex: 1; aspect-ratio: auto; border: 0; text-align: start; font-size: var(--sc-font-size-sm); justify-items: start; background: transparent; }
.model-workspace--purpose .creative-reference-entry > :not(:first-child) { position: static; width: auto; height: auto; margin: 0; clip: auto; clip-path: none; overflow: visible; white-space: normal; }
.model-workspace--purpose .creative-reference-entry > span:first-child { grid-row: 1 / 3; width: var(--sc-import-card-width); aspect-ratio: 3 / 4; height: auto; border: 1px dashed var(--sc-color-border-strong); border-radius: var(--sc-radius-md); }
.model-workspace--purpose .creative-reference-entry__label { align-self: end; }
.model-workspace--purpose .creative-reference-entry small { align-self: start; color: var(--sc-color-muted); font-weight: 400; line-height: 1.5; }
.model-workspace--purpose .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .creative-reference-entry { flex: 0 0 var(--sc-import-card-width); }
.model-workspace--purpose .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .creative-reference-entry > :not(:first-child) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.model-workspace--purpose .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .model-workspace__reference-list { flex: 1; }
.model-workspace--purpose .model-workspace__reference { width: var(--sc-import-card-width); min-width: var(--sc-import-card-width); aspect-ratio: 3 / 4; }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .creative-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sc-space-3); padding: 0; margin: 0; border: 0; }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .creative-actions .model-workspace__submit { grid-column: 2; margin: 0; min-height: var(--sc-control-height); }
.model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .creative-actions .model-workspace__cost { grid-column: 1; margin: 0; font-size: var(--sc-font-size-sm); }
.creative-readiness { margin: 0; font-size: var(--sc-font-size-sm); line-height: 1.5; }
.creative-step { margin: 0; color: var(--sc-color-muted); font-size: var(--sc-font-size-sm); }
.creative-effects { min-width: 0; border: 1px solid var(--sc-color-border); border-radius: var(--sc-radius-md); }
.creative-effects > summary { display: flex; align-items: center; gap: var(--sc-space-3); padding: var(--sc-space-2); min-height: var(--sc-control-height); cursor: pointer; list-style: none; }
.creative-effects > summary::-webkit-details-marker { display: none; }
.creative-effects > summary:focus-visible { outline: 2px solid var(--sc-color-selected-border); outline-offset: 2px; }
.creative-effects__selected { width: var(--sc-space-12); flex-shrink: 0; }
.creative-effects__selected:empty { display: none; }
.creative-effects__selected img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--sc-radius-sm); }
.creative-effects__summary { flex: 1; display: grid; min-width: 0; gap: var(--sc-space-1); }
.creative-effects__summary strong { font-size: var(--sc-font-size-sm); }
.creative-effects .creative-brief__goal { padding: var(--sc-space-2); }
.creative-effects .creative-brief__goal legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.creative-effects .creative-brief__choices .sc-button { display: flex; flex-direction: column; justify-content: start; padding: var(--sc-space-1); overflow: hidden; position: relative; }
.creative-effects .creative-brief__choices img { display: block; width: 100%; height: auto; max-height: calc(var(--sc-space-16) * 2); aspect-ratio: 3 / 2; object-fit: contain; background: var(--sc-color-canvas); border-radius: var(--sc-radius-sm); }
.creative-effects .creative-brief__choices span { padding: var(--sc-space-1); }
.creative-effects [aria-pressed="true"]::after { content: '✓'; position: absolute; inset-block-start: var(--sc-space-2); inset-inline-end: var(--sc-space-2); display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: var(--sc-radius-pill); background: var(--sc-color-selected); color: var(--sc-color-ink); border: 1px solid var(--sc-color-selected-border); }
.creative-effects__hint { font-size: var(--sc-font-size-sm); line-height: 1.5; margin: var(--sc-space-2) var(--sc-space-1) 0; }
@media (max-width: 640px) {
  .model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) { padding: var(--sc-space-3); }
  .model-workspace:is(.model-workspace--purpose, .studio-handoff--purpose) .model-workspace__form { gap: var(--sc-space-2); }
  .creative-brief { gap: var(--sc-space-2); }
  .creative-brief__choices { gap: var(--sc-space-1); }
}

/* References and the authored prompt are a single input surface. */
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input { display: grid; gap: var(--sc-space-3); min-width: 0; padding: var(--sc-space-3); border: 1px solid var(--sc-color-border-strong); border-radius: var(--sc-radius-lg); background: var(--sc-color-control); }

.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input .model-workspace__references { padding-bottom: var(--sc-space-3); border-bottom: 1px solid var(--sc-color-border); }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input .model-workspace__prompt { border: 0; border-radius: var(--sc-radius-sm); padding: var(--sc-space-3); background: transparent; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input .model-workspace__prompt:focus-visible { outline: 2px solid var(--sc-color-focus); outline-offset: 2px; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input .model-workspace__prompt-meta { margin: 0; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output { min-width: 0; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-workspace__toolbar { display: block; border: 0; padding: 0; margin: 0; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .sc-parameter-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sc-space-2); overflow: visible; padding: 0; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-workspace__model-field { flex: 2 1 16rem; min-width: 0; width: auto; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-workspace__control { flex: 1 1 7rem; min-width: 0; width: auto; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-picker { width: 100%; min-width: 0; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .sc-parameter-row[data-grouped-parameters] { flex-wrap: nowrap; align-items: center; overflow-x: auto; overflow-y: hidden; padding: var(--sc-space-1); }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .sc-parameter-row[data-grouped-parameters] .model-workspace__model-field { flex: 0 0 auto; max-width: none; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .sc-parameter-row[data-grouped-parameters] .model-picker { width: auto; }
.model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-picker__trigger { width: 100%; min-width: 0; }
@media(max-width:640px) {
 .model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-output .model-workspace__model-field { flex-basis: 100%; }
 .model-workspace:is(.model-workspace--purpose,.studio-handoff--purpose) .creative-input { padding: var(--sc-space-2); gap: var(--sc-space-2); }
}

/* Preset-driven photo editing keeps the main workflow compact. */
.model-workspace--photo-effect .creative-brief__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.model-workspace--photo-effect .creative-brief__choices .sc-button { min-height: var(--sc-control-height); }
.model-workspace--photo-effect .creative-input { display: block; }
.model-workspace--photo-effect .model-workspace__prompt { min-height: var(--sc-space-16); }
.model-workspace--photo-effect .model-workspace__reference-button { padding: var(--sc-space-6); }
.model-workspace--photo-effect .creative-output { padding-top: var(--sc-space-3); }

.model-workspace--photo-effect { width: 100%; max-width: 48rem; justify-self: center; }

@media (max-width: 640px) {
  .model-workspace.model-workspace--purpose.model-workspace--photo-effect .model-workspace__toolbar.creative-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .model-workspace.model-workspace--purpose.model-workspace--photo-effect .creative-actions .model-workspace__submit { width: 100%; grid-column: 1; }
}

/* Photo effects keep a generous single-photo surface and a compact visual close icon. */
.model-workspace.model-workspace--photo-effect .creative-output[hidden] { display: none; }
.model-workspace.model-workspace--photo-effect .creative-reference-entry { min-height: 10rem; padding: var(--sc-space-5); grid-template-columns: auto minmax(0, 1fr); border: 1px dashed var(--sc-color-border-strong); border-radius: var(--sc-radius-lg); background: var(--sc-color-control); }
.model-workspace.model-workspace--photo-effect .creative-reference-entry > span:first-child { width: var(--sc-control-height); height: var(--sc-control-height); aspect-ratio: 1; border: 0; }
.model-workspace.model-workspace--photo-effect .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) { align-items: center; }
.model-workspace.model-workspace--photo-effect .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .creative-reference-entry { flex: 0 0 auto; width: var(--sc-control-height); min-height: var(--sc-control-height); padding: 0; border: 0; }
.model-workspace.model-workspace--photo-effect .model-workspace__reference { width: 9rem; min-width: 9rem; }
.model-workspace.model-workspace--photo-effect .model-workspace__reference-remove { background: transparent; isolation: isolate; font-size: var(--sc-font-size-sm); }
.model-workspace.model-workspace--photo-effect .model-workspace__reference-remove::before { content: ''; position: absolute; width: 1.5rem; height: 1.5rem; border-radius: var(--sc-radius-pill); background: var(--sc-color-overlay); z-index: -1; }

.model-workspace__reference-button[hidden] { display: none !important; }

/* Empty import is the primary input; populated imports retain an add-first rail. */
.model-workspace .model-workspace__references--adaptive {
  flex-wrap: nowrap;
  align-items: center;
}
.model-workspace .model-workspace__references--adaptive .model-workspace__reference-button {
  flex: 0 0 var(--sc-import-card-width);
  width: var(--sc-import-card-width);
  max-width: none;
  aspect-ratio: 1;
  border-style: dashed;
}
.model-workspace .model-workspace__references--adaptive .model-workspace__reference-list { flex: 1; }
.model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .model-workspace__reference-button {
  flex: 1 1 100%;
  width: 100%;
  padding: var(--sc-space-6);
  align-content: center;
  gap: var(--sc-space-3);
  background: var(--sc-color-surface-muted);
}
.model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .model-workspace__reference-button > * {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}
.model-workspace .model-workspace__references--adaptive:has(.model-workspace__reference-list:empty) .model-workspace__reference-button > span:first-child {
  color: var(--sc-color-brand-700);
  font-size: calc(var(--sc-font-size-xl) * 2);
}

[data-form-image-references]:is(.studio-handoff, .model-workspace) form[data-workspace-form] [data-workspace-references]:not([data-reference-rail]) { display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 0; border: 0; background: transparent; }