/*
 * Updated generator overrides for canonical /image.
 *
 * Keep every rule beneath the retained .image-beta-experiment compatibility
 * hook so the production generator remains isolated from auxiliary pages.
 */

/* Production /image shell: warm canvas, white navigation and restrained accents. */
html body.image-beta.image-beta-2.image-beta-experiment,
html body.image-beta.image-beta-2.image-beta-experiment #app.app-shell {
  background:#faf8f3!important;
  background-image:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment .app-workspace {
  background:#faf8f3!important;
  background-color:#faf8f3!important;
  background-image:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment .beta-side {
  border-right:1px solid #efe9e0!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#18181b;
  box-shadow:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #header.studio-toolbar {
  border-bottom:0!important;
  background:rgba(250,248,243,.94)!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.1)!important;
}
.image-beta.image-beta-experiment .beta-side-brand { color:#18181b; }
.image-beta.image-beta-experiment .beta-side-wordmark { color:#18181b; }
.image-beta.image-beta-experiment .beta-side .sidebar-label { color:#aaa; }
.image-beta.image-beta-experiment .beta-side-link { color:#555; }
.image-beta.image-beta-experiment .beta-side-link:hover,
.image-beta.image-beta-experiment .sidebar-flyout:hover .beta-side-link { background:#f6f2ec;color:#18181b; }
.image-beta.image-beta-experiment .beta-side-link.active,
.image-beta.image-beta-experiment .sidebar-flyout:hover .beta-side-link.active { background:#fff1e9;color:#e0510e; }
.image-beta.image-beta-experiment .beta-side .sidebar-note,
.image-beta.image-beta-experiment .beta-side .sidebar-flyout-arrow { color:#aaa; }
.image-beta.image-beta-experiment .beta-side .sidebar-submenu {
  border-color:#efe9e0;background:#fff;box-shadow:0 18px 46px -26px rgba(0,0,0,.45);
}
.image-beta.image-beta-experiment .beta-side .sidebar-submenu a { color:#555; }
.image-beta.image-beta-experiment .beta-side .sidebar-submenu a:hover,
.image-beta.image-beta-experiment .beta-side .sidebar-submenu a.active { background:#fff1e9;color:#e0510e; }
.image-beta.image-beta-experiment .beta-side-language {
  border-color:#eceae4!important;background:#f4f1ec!important;
}
.image-beta.image-beta-experiment .beta-side-language .beta-language-glider {
  border-color:#dad6ce;background:#fff;box-shadow:0 1px 2px rgba(24,24,27,.04);
}
.image-beta.image-beta-experiment .beta-side-language button { color:#a1a1aa!important; }
.image-beta.image-beta-experiment .beta-side-language button[aria-pressed="true"] { color:#18181b!important; }
.image-beta.image-beta-experiment .beta-side-tip { color:#777; }
.image-beta.image-beta-experiment .beta-side-tip:hover { background:#f6f2ec;color:#e0510e; }
.image-beta.image-beta-experiment .beta-side-tip span { border-color:#eceae4;background:#fbfaf7;color:#6b7280; }
.image-beta.image-beta-experiment .beta-side .sidebar-balance {
  border-color:#efe9e0;background:#fff;color:#18181b;box-shadow:0 1px 2px rgba(24,24,27,.04);
}
.image-beta.image-beta-experiment .beta-side .sidebar-balance-label,
.image-beta.image-beta-experiment .beta-side .sidebar-user-email { color:#a1a1aa; }
.image-beta.image-beta-experiment .beta-side .sidebar-balance-cta {
  background:linear-gradient(135deg,#f97316 0%,#f43f5e 55%,#ec4899 100%);color:#fff;
}
.image-beta.image-beta-experiment .beta-side .sidebar-user-name { color:#18181b; }
.image-beta.image-beta-experiment .beta-side .sidebar-user-trigger:hover { background:#f6f2ec; }
.image-beta.image-beta-experiment .beta-sidebar-toggle {
  border-color:#eceae4;background:#fff;color:#6b7280;box-shadow:0 2px 6px rgba(24,24,27,.06);
}
.image-beta.image-beta-experiment .beta-sidebar-toggle:hover { border-color:#dad6ce;background:#fbfaf7;color:#e0510e; }
.image-beta.image-beta-experiment .beta-side-nav { scrollbar-color:#ded6cd transparent; }

/* At browser zoom the navigation can exceed the remaining sidebar height.
   Keep it in its own scrollport so Account links never paint under Tips. */
.image-beta.image-beta-experiment .beta-side {
  min-height:0;
}
.image-beta.image-beta-experiment .beta-side-nav {
  flex:1 1 auto;
  min-height:0;
  padding:0 6px 10px 0!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
/* The compact sidebar has 52px of inner width (80px minus 14px padding on
   each side). Give every icon that same explicit centering cell, including
   the Image Studio flyout trigger, so inherited flyout spacing cannot shift
   one glyph away from the common rail axis. */
.image-beta.image-beta-experiment.beta-sidebar-collapsed .beta-side-nav {
  width:52px;
  padding:0 0 10px!important;
  scrollbar-gutter:auto;
}
.image-beta.image-beta-experiment.beta-sidebar-collapsed .beta-side-group,
.image-beta.image-beta-experiment.beta-sidebar-collapsed .sidebar-flyout,
.image-beta.image-beta-experiment.beta-sidebar-collapsed .beta-side-link {
  width:52px;
  min-width:52px;
  max-width:52px;
}
.image-beta.image-beta-experiment .beta-side-link > svg {
  display:block;
  width:20px;
  min-width:20px;
  height:20px;
  place-self:center;
  flex:0 0 20px;
  overflow:visible;
}
.image-beta.image-beta-experiment .beta-side-footer {
  position:relative;
  z-index:2;
  flex:0 0 auto;
  min-width:0;
  background:inherit;
}
.image-beta.image-beta-experiment .beta-side-nav::-webkit-scrollbar { width:6px; }
.image-beta.image-beta-experiment .beta-side-nav::-webkit-scrollbar-track { background:transparent; }
.image-beta.image-beta-experiment .beta-side-nav::-webkit-scrollbar-thumb { border-radius:999px;background:#ded6cd; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-nav::-webkit-scrollbar-thumb { background:#45413e; }

/* Keep the staggered logo-orbit circles, but land them with the plus at .5s. */
.image-beta.image-beta-experiment .beta-reference-converge .beta-reference-orbit i {
  transition:
    top calc(.5s - var(--arrival-delay)) cubic-bezier(.2,.82,.22,1) var(--arrival-delay),
    left calc(.5s - var(--arrival-delay)) cubic-bezier(.2,.82,.22,1) var(--arrival-delay),
    width calc(.5s - var(--arrival-delay)) cubic-bezier(.2,.82,.22,1) var(--arrival-delay),
    transform calc(.5s - var(--arrival-delay)) cubic-bezier(.2,.82,.22,1) var(--arrival-delay),
    border-color .22s ease,
    opacity calc(.5s - var(--arrival-delay)) ease var(--arrival-delay);
}

/* Production /image design language. Both generation modes use it: Guided used to
   miss this block and fell back to the legacy tan palette in image-studio.css. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"],
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] {
  --canvas:#faf8f3;
  --layer-1:#f4f1ec;
  --layer-2:#fbfaf7;
  --layer-3:#fff;
  --layer-4:#fff;
  --tile-preview:#f4f1ec;
  --tile-options:#fff;
  --text:#18181b;
  --text-soft:#6b7280;
  --text-faint:#a1a1aa;
  --line:#eceae4;
  --line-strong:#dad6ce;
  --action:#f97316;
  --action-on:#fff;
  --focus:#f97316;
  --accent-yellow:#fb923c;
  --accent-apricot:#f97316;
  --accent-warm:#f43f5e;
  --accent-pink:#ec4899;
  --brand-gradient:linear-gradient(135deg,#f97316 0%,#f43f5e 55%,#ec4899 100%);
  color:var(--text);
  font-family:'Hanken Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#faf8f3;
}

.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] > .split {
  background:transparent;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-left {
  padding-top:18px;
  background:transparent;
}
html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right {
  margin:18px 18px 18px 0;
  border:1.5px dashed #ddd5c9;
  border-radius:18px;
  background:
    radial-gradient(circle at 30% 20%,rgba(249,115,22,.07),transparent 55%),
    radial-gradient(circle at 80% 80%,rgba(236,72,153,.08),transparent 55%),
    #fff!important;
  box-shadow:none!important;
}

/* Cards and settings use the production page's white surface and quiet edge. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-control,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace {
  border:1px solid #eceae4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(24,24,27,.04),0 1px 1px rgba(24,24,27,.02)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-controls .beta-brief-workspace {
  background:
    radial-gradient(circle at 8% 4%,rgba(249,115,22,.035),transparent 48%),
    radial-gradient(circle at 96% 96%,rgba(236,72,153,.025),transparent 46%),
    #fff!important;
  border:1px solid #efe9e0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  background-size:auto!important;
  animation:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-controls .beta-brief-workspace::after {
  display:none!important;
}
.image-beta.image-beta-experiment #panel-generate .beta-brief-kicker {
  display:none!important;
}
.image-beta.image-beta-experiment #panel-generate .beta-brief-heading {
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:14px;
}
.image-beta.image-beta-experiment #panel-generate .beta-brief-heading > .compose-label {
  grid-column:1!important;
  font-size:23px!important;
  line-height:1.08!important;
}
.image-beta.image-beta-experiment #panel-generate .beta-brief-heading > p {
  grid-column:2;
  font-size:10.5px;
}
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-actions {
  gap:8px;
}
html[data-theme="light"] .image-beta.image-beta-experiment .beta-reference-library {
  background:#fff!important;
}
/* The library panel is white, so its own controls should be too. They inherit
   the beige base layer otherwise and read as disabled against it. The select
   needs !important because the base sheet sets every .image-beta select to
   var(--layer-3) with !important (image-studio.css). */
html[data-theme="light"] .image-beta.image-beta-experiment .beta-reference-library
  :is(.beta-reference-library-search,.beta-reference-library-sort) {
  background:#fff!important;
}
.image-beta.image-beta-experiment .beta-reference-library :is(.beta-reference-library-clear,.beta-reference-library-upload) {
  box-sizing:border-box!important;height:40px!important;min-height:40px!important;border-radius:10px!important;
  padding:0 14px!important;font:700 11px/1 'Hanken Grotesk','Inter',sans-serif!important;letter-spacing:0!important;cursor:pointer;
}
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload {
  display:inline-flex!important;min-width:0!important;align-items:center!important;gap:8px!important;padding:0 13px 0 9px!important;
  border:1px solid var(--line-strong)!important;background:var(--layer-2)!important;color:var(--text)!important;box-shadow:none!important;
}
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload:hover {
  border-color:var(--line-strong)!important;background:var(--layer-4)!important;color:var(--text)!important;filter:none!important;
}
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload-icon {
  width:22px;height:22px;border-color:color-mix(in srgb,var(--text) 26%,transparent);border-radius:7px;background:transparent;color:var(--text);font-size:14px;
}
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload-copy small { display:none; }
.image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload-copy b { font:inherit;font-size:11px;white-space:nowrap; }
@media (max-width:480px) {
  .image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-actions { grid-template-columns:auto minmax(0,1fr) auto; }
  .image-beta.image-beta-experiment .beta-reference-library .beta-reference-library-upload { justify-content:center!important; }
}
/* Preserve the original non-expanded Advanced Generation composition. */
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-pair {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile {
  position:relative;display:flex!important;min-width:0!important;min-height:0!important;height:224px!important;flex:none!important;flex-direction:column;
  margin:0!important;padding:17px 18px 14px!important;border:1px solid #efe9e0!important;border-radius:18px!important;background:#fff!important;
  box-shadow:none!important;overflow:hidden;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile {
  background:radial-gradient(circle at 5% 0%,rgba(249,115,22,.035),transparent 48%),#fff!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-ai-prompt-tile {
  background:#fff!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-heading,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 10px;padding:0 0 10px;border-bottom:1px solid #efe9e0;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-step-label {
  grid-column:1/-1;color:#f97316;font-size:8.5px;font-weight:800;line-height:1;letter-spacing:.11em;text-transform:uppercase;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > .compose-label {
  grid-column:1!important;margin:0!important;color:#18181b!important;font-family:'Newsreader','Inter',serif!important;font-size:20px!important;font-weight:400!important;
  line-height:1.08!important;letter-spacing:-.018em!important;text-transform:none;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > p {
  grid-column:2;margin:0;color:#a1a1aa;font-size:8.5px;line-height:1.3;white-space:nowrap;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile > textarea {
  width:100%;min-height:0!important;flex:1;margin:0;padding:12px 0 9px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:#18181b!important;font:500 12.5px/1.55 'Hanken Grotesk','Inter',sans-serif!important;box-shadow:none!important;resize:none;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile > textarea::placeholder { color:#a1a1aa; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-footer,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer {
  display:flex;min-height:29px;align-items:end;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #efe9e0;color:#a1a1aa;font-size:8px;font-weight:650;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-build {
  min-height:29px;padding:0 11px;border:1px solid #f0b08e;border-radius:9px;background:#fff7f0;color:#c2410c;font:inherit;font-size:9px;font-weight:780;cursor:pointer;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-build:hover { border-color:#f97316;background:#fff1e6; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-build:disabled { opacity:.55;cursor:wait; }
.image-beta.image-beta-experiment #panel-generate .split-right { align-self:stretch; }

/*
 * Desktop geometry has one authority: the viewport-backed height inherited by
 * #gen-settings-card.  The old independent aspect ratios made the left rail
 * end early while the preview continued to the bottom.  These two rows now
 * share that same height, and their minimums turn a short viewport into a
 * scrollable rail instead of compressing its controls.
 */
@media (min-width:761px) {
  .image-beta.image-beta-experiment #panel-generate > .split {
    grid-template-columns:minmax(480px,1.04fr) minmax(340px,.96fr)!important;
  }
  .image-beta.image-beta-experiment #panel-generate .split-left {
    overflow-x:hidden!important;overflow-y:auto!important;
  }
  .image-beta.image-beta-experiment #gen-controls,
  .image-beta.image-beta-experiment #gen-mode-guided,
  .image-beta.image-beta-experiment #gen-mode-ai {
    min-height:0!important;height:100%!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card {
    display:grid!important;box-sizing:border-box;width:100%!important;height:auto!important;min-height:500px!important;
    flex:1 0 500px!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 500px auto!important;
    align-content:start!important;gap:10px!important;padding:0 0 18px!important;overflow:visible!important;max-height:none!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-layout-ready > :not(.beta-settings-board):not(.beta-experiment-prompt-pair):not(.beta-experiment-product-brief):not(.beta-experiment-product-brief__actions) {
    display:none!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped {
    display:grid!important;box-sizing:border-box;width:100%!important;height:500px!important;min-height:500px!important;aspect-ratio:auto!important;
    grid-template-columns:minmax(0,1fr) minmax(230px,1fr)!important;grid-template-rows:minmax(0,1fr) 0!important;
    grid-row:2!important;align-self:stretch!important;column-gap:14px!important;row-gap:0!important;margin:0!important;overflow:visible!important;
    transition:grid-template-columns .52s cubic-bezier(.22,1,.36,1),grid-template-rows .52s cubic-bezier(.22,1,.36,1),column-gap .42s ease,row-gap .42s ease!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-2-style-studio {
    display:grid!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:500px!important;
    grid-template-rows:auto auto minmax(210px,1fr)!important;align-self:stretch!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-2-style-canvas {
    height:auto!important;min-height:210px!important;align-self:stretch!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-2-style-canvas-media {
    min-height:180px!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-settings-stack {
    display:grid!important;grid-column:2!important;grid-row:1/3!important;width:100%!important;height:auto!important;min-height:500px!important;
    grid-template-rows:minmax(288px,1.62fr) minmax(160px,1fr)!important;align-self:stretch!important;gap:14px!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-settings-stack > .size-style-row {
    display:grid!important;width:100%!important;height:auto!important;min-height:288px!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:96px minmax(180px,1fr)!important;
    align-self:stretch!important;gap:12px!important;align-content:stretch!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-2-compact-model {
    width:100%!important;height:96px!important;min-height:96px!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-size-control {
    display:grid!important;box-sizing:border-box;height:auto!important;min-height:180px!important;
    grid-template-columns:25px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;
    align-self:stretch!important;align-content:stretch!important;align-items:center!important;column-gap:11px!important;row-gap:10px!important;
    padding:14px 16px!important;container-type:inline-size;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-size-control > .beta-control-icon {
    grid-column:1!important;grid-row:1!important;align-self:center!important;transform:none!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-size-control > .beta-setting-heading-copy {
    grid-column:2!important;grid-row:1!important;min-height:25px!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-size-control > .beta-size-picker {
    grid-column:1/-1!important;grid-row:2!important;align-self:stretch!important;min-height:0!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-size-choice {
    height:100%!important;min-height:54px!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-board-assets,
  .image-beta.image-beta-experiment #gen-controls .beta-settings-board[data-board-model="gen-model"] .beta-board-assets > .beta-control-row {
    box-sizing:border-box;height:auto!important;min-height:160px!important;align-self:stretch!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-pair {
    display:none!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile {
    box-sizing:border-box;width:100%!important;height:auto!important;min-height:260px!important;max-height:none!important;align-self:stretch!important;
    padding:clamp(15px,1.2vw,20px)!important;overflow:hidden!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > .compose-label {
    font-size:clamp(20px,1.4vw,24px)!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > p {
    font-size:clamp(9px,.68vw,11px)!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile > textarea {
    font-size:clamp(13px,.86vw,15px)!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-footer,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer {
    min-height:32px;font-size:clamp(8.5px,.58vw,10px);
  }
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-ai-prompt-tile > .beta-control-icon { display:none!important; }

/* Rebuilt brief card. Explicit row heights prevent inherited generation-panel
   sizing from stretching the card or its buttons. */
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief {
  display:flex!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;grid-row:1!important;align-self:start!important;justify-self:stretch!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:18px!important;overflow:visible!important;border:1px solid #eceae4!important;border-radius:14px!important;background:#fff!important;color:#18181b!important;box-shadow:0 1px 2px rgba(24,24,27,.04)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header {
  display:flex!important;height:auto!important;min-height:22px!important;flex:none!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:0!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief h3 {
  margin:0;font-family:'Newsreader','Inter',serif;font-size:18px;font-weight:400;line-height:1.1;letter-spacing:-.02em;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p {
  margin:0;color:#a1a1aa;font-size:9px;line-height:1.35;text-align:right;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__input {
  display:block!important;box-sizing:border-box!important;width:100%!important;height:112px;min-height:112px!important;max-height:260px!important;flex:none!important;margin:0!important;padding:11px 13px!important;overflow-y:auto!important;border:1px solid #eceae4!important;border-radius:9px!important;background:#fbfaf7!important;color:#18181b!important;font:500 11px/1.45 'Hanken Grotesk','Inter',sans-serif!important;resize:vertical!important;box-shadow:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__input:focus {
  outline:none;border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.09)!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions {
  display:grid!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;grid-row:3!important;justify-self:stretch!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto 56px!important;column-gap:10px!important;row-gap:8px!important;margin:0!important;padding:0!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__action-hint {
  grid-column:1/-1;grid-row:1;margin:0;color:#78716c;font-size:10px;font-weight:560;line-height:1.4;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions button {
  display:inline-flex!important;box-sizing:border-box!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;grid-row:2!important;align-self:start!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 16px!important;border-radius:11px!important;font:inherit!important;font-size:11px!important;font-weight:760!important;cursor:pointer;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build {
  border:1px solid #f0b08e;background:transparent;color:#c2410c;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-generate {
  border:0;background:linear-gradient(135deg,#f97316,#f43f5e 58%,#ec4899);color:#fff;box-shadow:0 10px 24px -16px rgba(249,115,22,.68);
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions button:disabled { opacity:.55;cursor:wait; }
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions .spinner { width:12px;height:12px; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-native-build-source { display:none!important; }

/* Build Prompt folds the brief and selection controls into one tab, then gives
   the native editable AI-assisted prompt the full settings board. */
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-settings-board > .beta-experiment-live-prompt {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps {
  display:none!important;
}

@keyframes betaSelectionAppsIn { from { opacity:0;transform:translateY(-8px) scale(.99); } to { opacity:1;transform:none; } }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button {
  display:flex;box-sizing:border-box;width:100%;height:96px;min-width:0;align-items:center;justify-content:flex-start;gap:9px;padding:12px 11px;border:1px solid #eceae4;border-radius:14px;background:#fff;color:#18181b;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(24,24,27,.04);transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button:hover { border-color:#f0b08e;background:#fffaf6;transform:translateY(-1px); }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button > span { display:grid;min-width:0;gap:5px; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps .beta-experiment-selection-app-mark { display:grid;box-sizing:border-box;width:23px;height:23px;min-width:23px;place-items:center;border:1px solid #f0dfd2;border-radius:7px;background:#fff7f0;color:#ea580c;font-size:11px;font-style:normal;font-weight:800; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps [data-selection-app="style"] .beta-experiment-selection-app-mark { display:none; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps .beta-experiment-selection-app-mark img { width:14px;height:14px;object-fit:contain; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps [data-selection-app="size"] .beta-experiment-selection-app-mark { min-width:7px;border-radius:2px;background:transparent; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button.has-selection .beta-experiment-selection-app-mark { border-color:#bbdccd;background:#edf8f2;color:#287a52; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button b { max-width:100%;overflow:hidden;font-size:9px;font-weight:780;text-overflow:ellipsis;white-space:nowrap; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button small { max-width:100%;overflow:hidden;color:#71717a;font-size:8.5px;font-weight:620;text-overflow:ellipsis;white-space:nowrap; }

.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt .beta-experiment-prompt-heading {
  padding-right:108px;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt > textarea {
  min-height:0!important;resize:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-toggle {
  position:absolute;z-index:3;top:14px;right:16px;min-height:29px;padding:0 10px;border:1px solid #f0b08e;border-radius:8px;background:#fff7f0;color:#c2410c;font:inherit;font-size:8.5px;font-weight:780;cursor:pointer;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-toggle:hover { border-color:#f97316;background:#fff1e6; }

html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief {
  border-color:#45413e!important;background:#262424!important;color:#f0ebe4!important;box-shadow:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p { color:#928b84; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__input {
  border-color:#45413e!important;background:#211f1e!important;color:#f0ebe4!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build {
  border-color:rgba(220,164,127,.46);background:transparent;color:#efb087;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button {
  border-color:#45413e;background:#262424;color:#f0ebe4;box-shadow:none;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps .beta-experiment-selection-app-mark { border-color:#51483f;background:rgba(220,164,127,.1);color:#efb087; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-toggle { border-color:rgba(220,164,127,.46);background:rgba(220,164,127,.1);color:#efb087; }

@container (max-width:420px) {
  .image-beta.image-beta-experiment #gen-controls .beta-size-control {
    grid-template-rows:28px minmax(0,1fr)!important;row-gap:10px!important;padding:13px 14px!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-size-control > .beta-setting-heading-copy > .compose-label {
    font-size:clamp(16px,1.15vw,19px)!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-size-control > .beta-setting-heading-copy > .beta-setting-helper {
    display:block!important;min-width:0;overflow:hidden;font-size:clamp(9px,.62vw,10.5px);text-overflow:ellipsis;white-space:nowrap;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-size-control > .beta-size-picker {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(48px,1fr))!important;
    gap:8px!important;min-height:104px!important;height:auto!important;align-self:stretch!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-size-control .beta-size-choice {
    width:100%!important;height:100%!important;min-width:0!important;min-height:48px!important;gap:6px!important;padding:6px 4px!important;
  }
  .image-beta.image-beta-experiment #gen-controls .beta-size-control .beta-size-choice b {
    font-size:clamp(9.5px,.68vw,11px)!important;
  }
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-footer,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer { margin-top:auto; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio { overflow:hidden; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head {
  padding:17px 18px 14px;border-bottom:0;background:#fff;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head span small {
  color:#f97316;font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head span strong {
  color:#18181b;font-family:'Newsreader','Inter',serif;font-size:28px;font-weight:400;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head p { color:#6b7280;font-size:11px; }

.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger {
  border-color:#eceae4;border-radius:10px;background:#fbfaf7;color:#18181b;box-shadow:0 1px 2px rgba(24,24,27,.04);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger:hover,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio.is-open .beta-2-style-trigger {
  border-color:#f97316;background:#fff1e6;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger span small { color:#a1a1aa; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger span strong { font-size:13px;font-weight:600; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list {
  top:148px;border-color:#dad6ce;border-radius:12px;background:#fff;box-shadow:0 10px 30px -10px rgba(24,24,27,.12),0 4px 10px -4px rgba(24,24,27,.04);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button {
  min-height:40px;border-radius:8px;color:#6b7280;font-size:12px;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button:hover { background:#f4f1ec;color:#18181b; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button[aria-selected="true"] {
  border-color:rgba(249,115,22,.38);background:#fff1e6;color:#c2410c;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas {
  border-color:#eceae4;border-radius:10px;background:#fbfaf7;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas-media {
  border-color:#dad6ce;border-radius:8px;background:#fff;
}

/* The selected style image belongs exclusively to the large preview. The
   former secondary image canvas now carries the supporting style narrative. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas.beta-experiment-style-details {
  background:#fbfaf7;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas.beta-experiment-style-details .beta-2-style-canvas-media {
  margin:0;border:0;border-radius:0;background:transparent;overflow:hidden;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-details-card {
  display:flex;box-sizing:border-box;min-height:100%;flex-direction:column;justify-content:center;padding:clamp(16px,1.3vw,22px);color:#18181b;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-description {
  max-width:58ch;margin:0;color:#6b7280;font-size:clamp(10px,.7vw,12px);font-weight:500;line-height:1.5;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-details-card > footer {
  min-width:0;margin:14px 0 0;padding-top:11px;border-top:1px solid #eceae4;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-details-card > footer > span {
  display:block;margin-bottom:8px;color:#a1a1aa;font-size:8.5px;font-weight:700;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-tags {
  display:flex;min-width:0;flex-wrap:wrap;gap:6px;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-tags span {
  padding:5px 9px;border:1px solid #f0b08e;border-radius:999px;background:#fff1e6;color:#c2410c;font-size:8.5px;font-weight:700;line-height:1;white-space:nowrap;
}

/* The large preview is artwork only: no duplicate copy floating over it. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right > .style-showcase:not(.compact) {
  position:relative;min-height:0;overflow:hidden;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right > .style-showcase:not(.compact) > img {
  position:absolute;inset:0;box-sizing:border-box;width:100%!important;height:100%!important;max-height:none!important;padding:18px 18px 24px;object-fit:contain!important;background:transparent!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right > .style-showcase > .ss-meta,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right > .style-showcase.compact {
  display:none!important;
}

/* Model selector: production typography, compact logo tile and obvious focus. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model {
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model:hover,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model:focus-within,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model.is-open {
  border-color:#f97316!important;background:#fffaf7!important;box-shadow:0 0 0 3px rgba(249,115,22,.075)!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model > .beta-model-picker-toggle {
  padding:12px 15px;border-radius:16px;color:#18181b;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-logo {
  border-color:#eceae4;border-radius:10px;background:#fbfaf7;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy small { color:#f97316;font-size:9px; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy strong { color:#18181b;font-size:14px;font-weight:600; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy em { color:#6b7280;font-size:10px; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model > .beta-model-menu {
  border-color:#dad6ce;border-radius:14px;background:#fff;box-shadow:0 10px 30px -10px rgba(24,24,27,.12),0 4px 10px -4px rgba(24,24,27,.04);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option {
  border-radius:10px;color:#6b7280;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option:hover { border-color:#eceae4;background:#f4f1ec;color:#18181b; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option[aria-selected="true"] {
  border-color:rgba(249,115,22,.38);background:#fff1e6;color:#18181b;
}

/* Size and reference controls retain the Beta composition with production styling. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-control,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row { color:#18181b; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice {
  border-color:#eceae4;border-radius:10px;background:#fbfaf7;color:#6b7280;box-shadow:none;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice:hover { border-color:#dad6ce;background:#fff; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice[aria-pressed="true"] {
  border-color:#f97316;background:#fff1e6;color:#c2410c;box-shadow:0 0 0 3px rgba(249,115,22,.09);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row:hover {
  border-color:#f97316!important;background:#fffaf7!important;box-shadow:0 2px 6px rgba(24,24,27,.04)!important;
}

/* The creative brief follows the production compose-card language. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace {
  padding:20px 22px 16px!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace:focus-within {
  border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.09)!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-kicker { color:#f97316; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-heading > .compose-label {
  color:#18181b!important;font-family:'Newsreader','Inter',serif!important;font-weight:400!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace > textarea {
  color:#18181b!important;font-family:'Hanken Grotesk','Inter',sans-serif;background:transparent!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace > textarea::placeholder { color:#a1a1aa; }

/* Advanced Generation is a setup-only workspace in this experiment. Keep the
   shared native action available to Quickstart, but remove its preview proxy
   and the empty bottom space that proxy normally reserves. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-preview-generate-dock {
  display:none!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] :is(.beta-preview-generate-dock,.beta-preview-credit) {
  display:none!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .style-showcase > .ss-meta {
  display:none!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .split-right.has-beta-preview-command > .preview-placeholder,
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .split-right.has-beta-preview-command > .img-out,
.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .split-right.has-beta-preview-command > .style-showcase {
  padding-bottom:24px!important;
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right.has-beta-preview-command > .preview-placeholder,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right.has-beta-preview-command > .img-out,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right.has-beta-preview-command > .style-showcase {
  padding-bottom:24px!important;
}

/* Primary actions retain the production orange-to-pink gradient. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .btn-primary,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-preview-generate-button,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-preview-command-build {
  border:0!important;background:linear-gradient(135deg,#f97316 0%,#f43f5e 55%,#ec4899 100%)!important;color:#fff!important;
  box-shadow:0 12px 32px -10px rgba(249,115,22,.4)!important;
}

/* Large preview metadata uses the same white/glass surface as production cards. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase:not(.compact) > .ss-meta {
  border-color:#eceae4;background:rgba(255,255,255,.92);color:#18181b;box-shadow:0 10px 30px -10px rgba(24,24,27,.12);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-name { color:#18181b; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-desc { color:#6b7280; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-kicker,
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-bestfor-label { color:#f97316; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-tag { background:#fff1e6;color:#c2410c; }

/* Light mode surfaces. image-studio.css still defines the legacy tan palette on
   .image-beta, and until now only the dark block below and the per-panel block
   above replaced it, so page chrome outside #panel-generate (sidebar, mode
   dropdown, language switcher) kept rendering beige. Surfaces and lines only:
   text, action and accent tokens stay as the brand defines them. */
body.image-beta.image-beta-2.image-beta-experiment {
  --canvas:#faf8f3;
  --layer-1:#f4f1ec;
  --layer-2:#fbfaf7;
  --layer-3:#fff;
  --layer-4:#fff;
  --tile-frame:#fff;
  --tile-preview:#f4f1ec;
  --tile-options:#fff;
  --line:#eceae4;
  --line-strong:#dad6ce;
}

/* Dark mode bridges the Templates charcoal system with Image Studio's brand accents. */
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment {
  --canvas:#18191a;
  --layer-1:#202020;
  --layer-2:#262424;
  --layer-3:#302e2d;
  --layer-4:#3f3b38;
  --tile-preview:#211f1e;
  --tile-options:#302e2d;
  --text:#f0ebe4;
  --text-soft:#c7bfb6;
  --text-faint:#928b84;
  --line:#45413e;
  --line-strong:#625c57;
  --action:#ff6757;
  --action-on:#fff8f3;
  --focus:#91aaa2;
  --accent-yellow:#ffad50;
  --accent-apricot:#ff843d;
  --accent-warm:#ff6471;
  --accent-pink:#f45391;
  --brand-gradient:linear-gradient(125deg,#ff963d 0%,#ff7138 36%,#fa5967 68%,#f0448a 100%);
  color-scheme:dark;
  color:#f0ebe4;
  background:#18191a!important;
  background-image:none!important;
}
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment #app.app-shell,
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment .app-workspace {
  background:#18191a!important;
  background-image:none!important;
}
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment #header.studio-toolbar {
  background:rgba(24,25,26,.9)!important;
  background-image:none!important;
  color:#f0ebe4;
  box-shadow:none!important;
}
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment .beta-side {
  border-color:#383533!important;
  background:#1d1e1f!important;
  background-image:none!important;
  color:#f0ebe4;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-brand,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-wordmark,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-user-name { color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-label,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-note,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-flyout-arrow,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-user-email,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-balance-label { color:#928b84; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-link,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-submenu a { color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-link:hover,
html[data-theme="dark"] .image-beta.image-beta-experiment .sidebar-flyout:hover .beta-side-link,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-user-trigger:hover,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-tip:hover { background:#2a2928;color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-link.active,
html[data-theme="dark"] .image-beta.image-beta-experiment .sidebar-flyout:hover .beta-side-link.active,
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-submenu a.active {
  background:rgba(220,164,127,.12);color:#efb087;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-submenu {
  border-color:#45413e;background:#262424;box-shadow:0 24px 50px -24px rgba(0,0,0,.82);
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-submenu a:hover { background:#302e2d;color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-language { border-color:#45413e!important;background:#262424!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-language .beta-language-glider {
  border-color:#57514d;background:#383533;box-shadow:0 5px 14px -10px #000;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-language button { color:#928b84!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-language button[aria-pressed="true"] { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-tip { color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side-tip span { border-color:#45413e;background:#262424;color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-side .sidebar-balance {
  border-color:#45413e;background:#262424;color:#f0ebe4;box-shadow:none;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-sidebar-toggle {
  border-color:#45413e;background:#262424;color:#c7bfb6;box-shadow:none;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-sidebar-toggle:hover { border-color:#625c57;background:#302e2d;color:#efb087; }

html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"],
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] {
  --canvas:#18191a;--layer-1:#202020;--layer-2:#262424;--layer-3:#302e2d;--layer-4:#3f3b38;
  --tile-preview:#211f1e;--tile-options:#302e2d;--text:#f0ebe4;--text-soft:#c7bfb6;--text-faint:#928b84;
  --line:#45413e;--line-strong:#625c57;--action:#ff6757;--action-on:#fff8f3;--focus:#91aaa2;
  --accent-yellow:#ffad50;--accent-apricot:#ff843d;--accent-warm:#ff6471;--accent-pink:#f45391;
  --brand-gradient:linear-gradient(125deg,#ff963d 0%,#ff7138 36%,#fa5967 68%,#f0448a 100%);
  color:#f0ebe4;background:#18191a;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] > .split,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-left { background:transparent; }
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right {
  border-color:#514b47;
  background:
    radial-gradient(circle at 30% 20%,rgba(220,164,127,.09),transparent 55%),
    radial-gradient(circle at 80% 80%,rgba(145,170,162,.055),transparent 55%),
    #211f1e!important;
  box-shadow:none!important;
}
.image-beta-experiment #panel-generate .split-right > .img-out img,
.image-beta-experiment #panel-generate .split-right > .style-showcase > img {
  background:transparent!important;transition:none!important;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-control,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace {
  border-color:#45413e!important;background:#262424!important;color:#f0ebe4!important;
  box-shadow:0 18px 38px -30px rgba(0,0,0,.72)!important;
}
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment #gen-controls .beta-brief-workspace {
  border-color:#45413e!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(220,164,127,.055),transparent 48%),
    radial-gradient(circle at 96% 96%,rgba(145,170,162,.035),transparent 46%),
    #262424!important;
  box-shadow:0 18px 38px -30px rgba(0,0,0,.72)!important;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head {
  border-color:#45413e;background:#262424;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head span small,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy small,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-kicker,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-bestfor-label { color:#dca47f; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head span strong,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy strong,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-name,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-heading > .compose-label { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio-head p,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-copy em,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-desc { color:#c7bfb6; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-model-current-logo,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice {
  border-color:#45413e;background:#302e2d;color:#f0ebe4;box-shadow:none;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger span small,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace > textarea::placeholder { color:#928b84; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-trigger:hover,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-studio.is-open .beta-2-style-trigger,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice[aria-pressed="true"] {
  border-color:#dca47f;background:rgba(220,164,127,.1);color:#f0ebe4;box-shadow:0 0 0 3px rgba(220,164,127,.07);
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas-media { border-color:#45413e;background:#211f1e; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas.beta-experiment-style-details {
  background:#302e2d;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-canvas.beta-experiment-style-details .beta-2-style-canvas-media {
  background:transparent;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-details-card { color:#f0ebe4; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-description { color:#c7bfb6; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-tags span {
  border-color:rgba(220,164,127,.46);background:rgba(220,164,127,.1);color:#efb087;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-experiment-style-details-card > footer { border-color:#45413e; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model > .beta-model-menu {
  border-color:#45413e;background:#262424;box-shadow:0 24px 52px -24px rgba(0,0,0,.82);
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option { color:#c7bfb6; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button:hover,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option:hover {
  border-color:#45413e;background:#302e2d;color:#f0ebe4;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-style-list button[aria-selected="true"],
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model .beta-model-option[aria-selected="true"] {
  border-color:rgba(220,164,127,.46);background:rgba(220,164,127,.1);color:#f0ebe4;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model:hover,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model:focus-within,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-2-compact-model.is-open {
  border-color:#dca47f!important;background:#2d2b2a!important;box-shadow:0 0 0 3px rgba(220,164,127,.075)!important;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-control,
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row { color:#f0ebe4; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice:hover { border-color:#625c57;background:#383533; }
/* Menu-open is not selection: keep exactly one tile highlighted at a time. */
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice[aria-pressed="true"]:hover {
  border-color:#f97316;background:#fff1e6;color:#c2410c;box-shadow:0 0 0 3px rgba(249,115,22,.09);
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-choice[aria-pressed="true"]:hover {
  border-color:#dca47f;background:rgba(220,164,127,.1);color:#f0ebe4;box-shadow:0 0 0 3px rgba(220,164,127,.07);
}
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-custom.has-custom-value .beta-custom-shape { display:none!important; }
.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-size-custom.has-custom-value b {
  display:-webkit-box;max-width:100%;overflow:hidden;font-size:clamp(7.5px,.56vw,9px);font-weight:720;line-height:1.18;
  text-align:center;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;
}
html[data-theme="light"] .image-beta-experiment #panel-generate .split-right > .preview-placeholder .pp-icon {
  border-color:#fb923c;background:#f97316;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 26px -18px rgba(194,65,12,.68),0 0 0 6px rgba(249,115,22,.07);
}
html[data-theme="light"] .image-beta-experiment #panel-generate .split-right > .preview-placeholder .pp-icon svg { color:#fff; }
@media (prefers-reduced-motion:reduce) {
  html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right { transition-duration:.01ms!important; }
}

/* The walkthrough trigger stays beside Theme. Step navigation is portaled to
   a stable bottom dock so back and forward read as one predictable system. */
.image-beta.image-beta-experiment #header .beta-header-actions {
  grid-column:3;grid-row:1;justify-self:end;display:flex;min-width:0;align-items:center;gap:10px;
}
.image-beta.image-beta-experiment #header .beta-walkthrough-header-control {
  display:flex;min-width:0;align-items:center;gap:6px;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation {
  position:fixed;z-index:2003;right:0;bottom:max(18px,env(safe-area-inset-bottom));left:0;display:flex;justify-content:center;
  padding:0 18px;pointer-events:none;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation[hidden],
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button[hidden] { display:none!important; }
/* On the final step the user must click the real Generate Image button, which
   sits at the bottom of the settings panel. Lift the nav bar clear of it so it
   is never covered. */
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation.has-incomplete-action { bottom:104px!important; }
/* Always-available exit from the walkthrough. */
.image-beta.image-beta-experiment .beta-walkthrough-exit {
  position:fixed;z-index:2005;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));
  width:40px;height:40px;display:none;place-items:center;border:1px solid var(--line-strong);border-radius:50%;
  background:var(--layer-2);color:var(--text);font-size:23px;line-height:1;cursor:pointer;box-shadow:0 10px 26px -14px var(--shadow);
}
.image-beta.image-beta-experiment.beta-walkthrough-active .beta-walkthrough-exit { display:grid; }
.image-beta.image-beta-experiment .beta-walkthrough-exit:hover { background:var(--layer-4);border-color:var(--line-strong); }
.image-beta.image-beta-experiment .beta-walkthrough-navigation-shell {
  display:grid;box-sizing:border-box;width:min(100%,520px);grid-template-columns:minmax(132px,.72fr) minmax(176px,1fr);gap:8px;padding:8px;
  border:1px solid color-mix(in srgb,var(--line-strong) 78%,transparent);border-radius:20px;
  background:color-mix(in srgb,var(--layer-3) 92%,transparent);box-shadow:0 24px 64px -22px var(--shadow),0 7px 22px -14px var(--shadow),inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);pointer-events:auto;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation.has-incomplete-action .beta-walkthrough-navigation-shell {
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
  box-shadow:0 14px 38px -28px var(--shadow),inset 0 1px 0 color-mix(in srgb,#fff 48%,transparent);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button {
  position:relative;isolation:isolate;display:inline-flex;box-sizing:border-box;width:100%;height:52px;align-items:center;justify-content:center;gap:10px;padding:0 20px;
  border:1px solid var(--line-strong);border-radius:13px;background:var(--layer-4);color:var(--text);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);font:inherit;font-size:12px;font-weight:800;letter-spacing:.005em;line-height:1;
  white-space:nowrap;cursor:pointer;pointer-events:auto;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button svg {
  width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button.is-try-now svg { transform:translate(1px,-1px); }
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue {
  border-color:transparent;background:var(--brand-gradient);color:#fff;
  box-shadow:0 13px 28px -16px color-mix(in srgb,var(--accent-warm) 72%,var(--shadow)),inset 0 1px 0 rgba(255,255,255,.3);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-ready {
  box-shadow:0 16px 32px -16px color-mix(in srgb,var(--accent-warm) 78%,var(--shadow)),inset 0 1px 0 rgba(255,255,255,.34);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-completion-ready {
  border-color:color-mix(in srgb,#fff 38%,transparent);filter:saturate(1.08);
  box-shadow:0 20px 42px -17px color-mix(in srgb,var(--accent-warm) 88%,var(--shadow)),inset 0 1px 0 rgba(255,255,255,.38);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-newly-ready::after {
  content:'';position:absolute;z-index:-1;inset:-6px;border:2px solid color-mix(in srgb,var(--accent-warm) 68%,#fff);border-radius:18px;
  opacity:0;pointer-events:none;animation:beta-walkthrough-action-ready .98s cubic-bezier(.2,.72,.25,1) 1 both;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-newly-ready:hover::after,
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-newly-ready:focus-visible::after {
  animation:none;opacity:0;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button:hover:not(:disabled) {
  border-color:color-mix(in srgb,var(--text) 30%,var(--line-strong));background:var(--layer-3);transform:translateY(-2px);box-shadow:0 12px 24px -18px var(--shadow),inset 0 1px 0 color-mix(in srgb,#fff 60%,transparent);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue:hover:not(:disabled) {
  border-color:transparent;background:var(--brand-gradient);color:#fff;filter:saturate(1.08) brightness(1.03);
  box-shadow:0 18px 34px -16px color-mix(in srgb,var(--accent-warm) 78%,var(--shadow)),inset 0 1px 0 rgba(255,255,255,.34);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button:active:not(:disabled) {
  transform:translateY(0) scale(.985);box-shadow:inset 0 2px 5px color-mix(in srgb,var(--shadow) 24%,transparent);filter:none;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button:disabled {
  border-color:var(--line);background:color-mix(in srgb,var(--layer-4) 82%,var(--line));color:var(--text-faint);opacity:.58;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none;filter:none;
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation .beta-walkthrough-header-continue:disabled {
  border-color:var(--line);background:color-mix(in srgb,var(--layer-4) 82%,var(--line));color:var(--text-faint);
}
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button.is-loading { opacity:.78; }
.image-beta.image-beta-experiment .beta-walkthrough-navigation-spinner {
  width:14px;height:14px;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:beta-walkthrough-navigation-spin .7s linear infinite;
}
@keyframes beta-walkthrough-navigation-spin { to { transform:rotate(360deg); } }
@keyframes beta-walkthrough-action-ready {
  0% { opacity:0;transform:scale(.96); }
  38% { opacity:.92;transform:scale(1); }
  100% { opacity:0;transform:scale(1.025); }
}
.image-beta.image-beta-experiment #header .beta-walkthrough-header-control[hidden],
.image-beta.image-beta-experiment #header .beta-walkthrough-header-control button[hidden] { display:none!important; }
.image-beta.image-beta-experiment #header #image-tutorial-btn {
  position:static;z-index:auto;display:inline-flex;box-sizing:border-box;width:auto;height:36px;margin:0;gap:6px;
  padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-soft);
  box-shadow:none;
  font-size:11.5px;font-weight:650;letter-spacing:0;transform:none;filter:none;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.image-beta.image-beta-experiment #header #image-tutorial-btn span {
  width:auto;height:auto;border:0;background:transparent;
  color:var(--text-faint);box-shadow:none;font-size:8px;
}
.image-beta.image-beta-experiment #header #image-tutorial-btn:hover {
  border-color:var(--line);background:var(--layer-2);color:var(--text);filter:none;transform:none;
  box-shadow:none;
}
.image-beta.image-beta-experiment #header #image-tutorial-btn:active { transform:translateY(0);filter:saturate(1.03); }
.image-beta.image-beta-experiment #header #image-tutorial-btn[aria-pressed="true"] {
  border-color:var(--accent-warm);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 20%,transparent);
}
.image-beta.image-beta-experiment #header #image-tutorial-btn:focus-visible,
.image-beta.image-beta-experiment .beta-walkthrough-header-navigation button:focus-visible {
  outline:3px solid var(--focus);outline-offset:3px;
}
@media (max-width:760px) {
  .image-beta.image-beta-experiment #header.studio-toolbar { grid-template-columns:40px minmax(0,1fr) auto!important; }
  .image-beta.image-beta-experiment #header .beta-header-actions { gap:6px; }
  .image-beta.image-beta-experiment #header .beta-walkthrough-header-control { gap:4px; }
  .image-beta.image-beta-experiment #header #image-tutorial-btn { height:34px;padding:0 7px;font-size:10.5px; }
  .image-beta.image-beta-experiment #header #image-tutorial-btn span { width:auto;height:auto; }
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation { bottom:max(10px,env(safe-area-inset-bottom));padding:0 10px; }
  .image-beta.image-beta-experiment .beta-walkthrough-navigation-shell { grid-template-columns:minmax(104px,.72fr) minmax(142px,1fr);gap:6px;padding:6px;border-radius:17px; }
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation button { height:48px;gap:8px;padding:0 14px;border-radius:11px;font-size:11.5px; }
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation button svg { width:17px;height:17px; }
}
@media (max-width:360px) {
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation { padding:0 8px; }
  .image-beta.image-beta-experiment .beta-walkthrough-navigation-shell { grid-template-columns:minmax(94px,.7fr) minmax(126px,1fr); }
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation button { padding:0 10px; }
}
.image-beta.image-beta-experiment .beta-walkthrough-card-step-one,
.image-beta.image-beta-experiment .beta-walkthrough-card-step-two,
.image-beta.image-beta-experiment .beta-walkthrough-card-step-three {
  box-sizing:border-box!important;height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-brief-options {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;
}
.image-beta.image-beta-experiment .beta-walkthrough-brief-options > button {
  position:relative;isolation:isolate;display:grid;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "summary" "tags";align-content:start;gap:7px;padding:10px;border:1px solid var(--line);border-radius:11px;
  background:var(--layer-4);color:var(--text);font:inherit;text-align:left;cursor:pointer;
}
.image-beta.image-beta-experiment .beta-walkthrough-brief-options > button:hover { border-color:color-mix(in srgb,var(--accent-warm) 56%,var(--line)); }
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse {
  z-index:1;animation:beta-walkthrough-choice-pulse .93s ease-in-out 1 both;
}
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse::after {
  content:'';position:absolute;z-index:2;inset:0;border:2px solid color-mix(in srgb,var(--accent-warm) 86%,var(--line-strong));border-radius:inherit;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 20%,transparent),0 10px 22px -10px color-mix(in srgb,var(--accent-warm) 88%,var(--shadow));
  opacity:0;pointer-events:none;animation:beta-walkthrough-choice-pulse-layer .93s ease-in-out 1 both;
}
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:hover,
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:focus-visible {
  animation:none!important;transform:none!important;
}
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:hover::after,
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:focus-visible::after { display:none; }
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:active { filter:brightness(.97); }
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:is(:disabled,[aria-disabled="true"],[aria-selected="true"]) { animation:none!important;transform:none!important; }
.image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse:is(:disabled,[aria-disabled="true"],[aria-selected="true"])::after { display:none; }
.image-beta.image-beta-experiment .beta-walkthrough-brief-options > button[aria-selected="true"] {
  border-color:var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 7%,var(--layer-4));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-warm) 9%,transparent);
}
@keyframes beta-walkthrough-choice-pulse {
  0%,100% { transform:translateY(0) scale(1);border-color:var(--line);box-shadow:none; }
  45% { transform:translateY(-1px) scale(1.006);border-color:color-mix(in srgb,var(--accent-warm) 82%,var(--line));box-shadow:0 10px 22px -14px color-mix(in srgb,var(--accent-warm) 68%,var(--shadow)); }
}
@keyframes beta-walkthrough-choice-pulse-layer {
  0%,100% { opacity:0; }
  42% { opacity:1; }
}
.image-beta.image-beta-experiment .beta-walkthrough-brief-identity { grid-area:identity;display:grid;min-width:0;align-content:center;gap:2px; }
.image-beta.image-beta-experiment .beta-walkthrough-brief-identity strong { font-size:11.5px;line-height:1.25; }
.image-beta.image-beta-experiment .beta-walkthrough-brief-identity small { color:var(--text-faint);font-size:9px;font-weight:700;line-height:1.25; }
.image-beta.image-beta-experiment .beta-walkthrough-brief-options > button > p {
  grid-area:summary;margin:0!important;color:var(--text-soft)!important;font-size:10px!important;line-height:1.45!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-brief-tags { grid-area:tags;display:flex;min-width:0;flex-wrap:wrap;gap:4px; }
.image-beta.image-beta-experiment .beta-walkthrough-brief-tags i {
  padding:3px 6px;border-radius:999px;background:var(--layer-2);color:var(--text-soft);font-size:8px;font-style:normal;font-weight:700;line-height:1.15;
}
@media (max-width:620px) {
  .image-beta.image-beta-experiment .beta-walkthrough-brief-options { grid-template-columns:1fr; }
}
.image-beta.image-beta-experiment .beta-settings-stack.beta-walkthrough-step-two-displaced > * {
  visibility:hidden!important;pointer-events:none!important;
}
.image-beta.image-beta-experiment .beta-2-style-studio.beta-walkthrough-step-three-displaced > * {
  visibility:hidden!important;pointer-events:none!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-style-layout {
  display:block;margin-top:14px;
}
.image-beta.image-beta-experiment .beta-walkthrough-style-options { display:grid;align-content:start;gap:7px; }
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button {
  position:relative;isolation:isolate;display:grid;min-width:0;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;
  background:var(--layer-4);color:var(--text);font:inherit;text-align:left;cursor:pointer;
}
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button:hover { border-color:color-mix(in srgb,var(--accent-warm) 56%,var(--line)); }
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button[aria-selected="true"] {
  border-color:var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 7%,var(--layer-4));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-warm) 9%,transparent);
}
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > strong { font-size:11.5px;line-height:1.25; }
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > small { color:var(--text-faint);font-size:9px;font-weight:700;line-height:1.25; }
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > span { display:flex;min-width:0;flex-wrap:wrap;gap:4px;margin-top:3px; }
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > span b,
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > span i {
  padding:3px 6px;border-radius:999px;background:var(--layer-2);color:var(--text-soft);font-size:7.5px;font-style:normal;font-weight:700;line-height:1.15;
}
.image-beta.image-beta-experiment .beta-walkthrough-style-options > button > span b { color:var(--accent-warm); }
.image-beta.image-beta-experiment .beta-2-style-trigger.beta-walkthrough-step-two-style-readonly,
.image-beta.image-beta-experiment [data-selection-app="style"].beta-walkthrough-step-two-style-readonly {
  pointer-events:none!important;cursor:default!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-backdrop { background:transparent; }
.image-beta.image-beta-experiment .beta-walkthrough-highlight {
  border-color:var(--accent-warm)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-warm) 16%,transparent),0 0 0 9999px rgba(18,16,15,.28),0 12px 40px var(--shadow)!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-focus {
  position:relative!important;z-index:2002!important;
  border-color:var(--accent-warm)!important;
  outline:5px solid color-mix(in srgb,var(--accent-warm) 16%,transparent)!important;
  outline-offset:0!important;
  box-shadow:0 12px 40px var(--shadow)!important;
}
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .preview-placeholder,
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .preview-loading,
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .img-out {
  display:none!important;
}
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .style-showcase,
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .style-showcase.compact {
  display:block!important;position:relative!important;width:100%!important;height:100%!important;
}
.image-beta.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-two-preview-selected > .style-showcase > img {
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-review-list {
  display:grid;gap:7px;margin-top:14px;
}
.image-beta.image-beta-experiment .beta-walkthrough-review-list > div {
  display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:start;gap:10px;padding:9px 10px;
  border:1px solid var(--line);border-radius:10px;background:var(--layer-4);
}
.image-beta.image-beta-experiment .beta-walkthrough-review-list strong {
  color:var(--text);font-size:10.5px;line-height:1.35;
}
.image-beta.image-beta-experiment .beta-walkthrough-review-list span {
  color:var(--text-faint);font-size:9px;font-weight:650;line-height:1.4;
}
.image-beta.image-beta-experiment .beta-walkthrough-card-step-three-result {
  position:absolute!important;z-index:2004!important;isolation:isolate!important;display:grid!important;align-content:start!important;gap:5px!important;
  height:auto!important;min-height:0!important;padding:20px 22px!important;overflow:visible!important;opacity:1!important;filter:none!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card-step-three-result h3 {
  margin:3px 0 2px!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card-step-three-result p {
  max-width:32ch;
}
.image-beta.image-beta-experiment.beta-walkthrough-result-visible .beta-walkthrough-header-navigation {
  z-index:2005!important;opacity:1!important;filter:none!important;
}
.image-beta.image-beta-experiment.beta-walkthrough-result-visible .beta-walkthrough-header-navigation button {
  opacity:1;filter:none;
}
.image-beta.image-beta-experiment.beta-walkthrough-result-visible .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-completion-ready {
  filter:saturate(1.08);
}
.image-beta.image-beta-experiment.beta-walkthrough-result-visible .beta-walkthrough-header-navigation .beta-walkthrough-header-continue.is-completion-ready:hover:not(:disabled) {
  filter:saturate(1.12) brightness(1.04);
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-step-three-generate-focus {
  position:relative!important;z-index:2004!important;isolation:isolate!important;overflow:visible!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready {
  animation:beta-walkthrough-choice-pulse .93s ease-in-out 2 both!important;
  transform-origin:center!important;will-change:transform,box-shadow;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready::after {
  content:'';position:absolute;z-index:1;inset:0;border:2px solid color-mix(in srgb,var(--accent-warm) 86%,var(--line-strong));border-radius:inherit;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-warm) 20%,transparent),0 10px 22px -10px color-mix(in srgb,var(--accent-warm) 88%,var(--shadow));
  opacity:0;pointer-events:none;animation:beta-walkthrough-choice-pulse-layer .93s ease-in-out 2 both;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:hover,
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:focus-visible {
  animation:none!important;transform:none!important;will-change:auto;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:hover::after,
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:focus-visible::after { display:none; }
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:focus-visible {
  outline:3px solid var(--focus)!important;outline-offset:4px!important;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-warm) 24%,transparent)!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:active {
  animation:none!important;transform:scale(.985)!important;filter:brightness(.96)!important;will-change:auto;
}
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:active::after,
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:is(:disabled,[aria-disabled="true"],[aria-busy="true"])::after { display:none; }
html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) {
  animation:none!important;transform:none!important;will-change:auto;
}
.beta-walkthrough-generate-callout {
  position:fixed;z-index:2003;box-sizing:border-box;width:max-content;max-width:min(300px,calc(100vw - 24px));
  padding:12px 16px;border:2px solid var(--accent-warm);border-radius:15px;
  background:var(--layer-3);color:var(--text);box-shadow:0 18px 48px var(--shadow),0 0 0 4px color-mix(in srgb,var(--accent-warm) 11%,transparent);
  font-size:11px;font-weight:760;line-height:1.4;text-align:center;pointer-events:none;
}
.beta-walkthrough-generate-callout[hidden] { display:none!important; }
.beta-walkthrough-generate-callout::after { content:'';position:absolute;width:0;height:0; }
.beta-walkthrough-generate-callout.is-right::after {
  top:var(--arrow-y);left:-14px;border-top:9px solid transparent;border-right:14px solid var(--accent-warm);border-bottom:9px solid transparent;
  transform:translateY(-50%);
}
.beta-walkthrough-generate-callout.is-below-right::after {
  top:-14px;left:var(--arrow-x);border-right:9px solid transparent;border-bottom:14px solid var(--accent-warm);border-left:9px solid transparent;
  transform:translateX(-50%);
}
.beta-walkthrough-generate-callout.is-above-right::after {
  bottom:-14px;left:var(--arrow-x);border-top:14px solid var(--accent-warm);border-right:9px solid transparent;border-left:9px solid transparent;
  transform:translateX(-50%);
}
html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-three-result-focus {
  position:relative!important;z-index:2003!important;isolation:isolate!important;opacity:1!important;filter:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-three-result-focus.beta-walkthrough-step-three-result-ready {
  border-color:var(--accent-warm)!important;
  outline:5px solid color-mix(in srgb,var(--accent-warm) 32%,transparent)!important;
  outline-offset:0!important;
  box-shadow:0 0 0 9px color-mix(in srgb,var(--accent-warm) 14%,transparent),0 20px 52px color-mix(in srgb,var(--accent-warm) 28%,var(--shadow))!important;
}
html body.image-beta.image-beta-2.image-beta-experiment #panel-generate .split-right.beta-walkthrough-step-three-preview-suppressed > .style-showcase {
  display:none!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card {
  border-color:var(--line)!important;background:var(--layer-3)!important;color:var(--text)!important;
  box-shadow:0 24px 70px var(--shadow)!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-kicker { color:var(--accent-warm)!important; }
.image-beta.image-beta-experiment .beta-walkthrough-card h3 { color:var(--text)!important; }
.image-beta.image-beta-experiment .beta-walkthrough-card p { color:var(--text-soft)!important; }
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-progress i { background:var(--line)!important; }
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-progress i.active { background:var(--accent-warm)!important; }
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-actions button {
  border-color:var(--line)!important;background:var(--layer-4)!important;color:var(--text-soft)!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-actions .skip {
  border:0!important;background:transparent!important;color:var(--text-faint)!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card .crafty-tour-actions .next {
  border-color:var(--text)!important;background:var(--text)!important;color:var(--layer-3)!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-card button:focus-visible {
  outline:3px solid color-mix(in srgb,var(--accent-warm) 30%,transparent)!important;outline-offset:2px!important;
}
.image-beta.image-beta-experiment .beta-walkthrough-group-emphasis {
  position:relative!important;isolation:isolate;
}
.image-beta.image-beta-experiment .beta-walkthrough-group-emphasis::after {
  content:'';position:absolute;z-index:4;inset:0;border:1.5px solid color-mix(in srgb,var(--accent-warm) 70%,var(--line-strong));border-radius:12px;
  box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent-warm) 7%,transparent);pointer-events:none;
}
.image-beta.image-beta-experiment .beta-walkthrough-group-emphasis::after { border-width:2px;opacity:.92; }
@media (max-width:760px) {
  .image-beta.image-beta-experiment .beta-walkthrough-card,
  .image-beta.image-beta-experiment .beta-walkthrough-card:is(.beta-walkthrough-card-step-one,.beta-walkthrough-card-step-two,.beta-walkthrough-card-step-three) {
    left:14px!important;right:14px!important;top:auto!important;bottom:max(82px,calc(72px + env(safe-area-inset-bottom)))!important;width:auto!important;
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom))!important;overflow:auto!important;
  }
  .image-beta.image-beta-experiment .beta-walkthrough-highlight { display:none!important; }
}
@media (prefers-reduced-motion:reduce) {
  .image-beta.image-beta-experiment .beta-walkthrough-highlight { transition:none!important; }
  .image-beta.image-beta-experiment .beta-walkthrough-header-navigation button { transition:none!important; }
  .image-beta.image-beta-experiment .beta-walkthrough-navigation-spinner { animation-duration:1.4s; }
  .image-beta.image-beta-experiment .beta-walkthrough-header-continue.is-newly-ready::after { animation:none!important;opacity:.9;transform:none!important; }
  .image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse { animation:none!important;transform:none!important; }
  .image-beta.image-beta-experiment :is(.beta-walkthrough-brief-options,.beta-walkthrough-style-options) > button.beta-walkthrough-choice-pulse::after { display:none; }
  html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready { animation:none!important;transform:none!important;will-change:auto; }
  html body.image-beta.image-beta-2.image-beta-experiment #gen-generate-btn.beta-walkthrough-generate-ready::after {
    opacity:.92;animation:none!important;transform:none!important;
  }
  .image-beta.image-beta-experiment .beta-walkthrough-group-emphasis::after {
    border-width:2px;opacity:.92;animation:none!important;transform:none!important;
  }
}

/* Keep the original hover illustration at rest. The tile surface still gets
   the existing hover highlight; the original motion is driven by gallery state. */
.image-beta-experiment .beta-reference-add:hover .beta-reference-plus,
.image-beta-experiment .beta-reference-add:focus-visible .beta-reference-plus {
  box-shadow:0 12px 24px -18px var(--shadow),0 0 0 5px color-mix(in srgb,var(--accent-warm) 5%,transparent);
  transform:translate(-50%,-50%);
}
.image-beta-experiment .beta-reference-tile.has-reference .beta-reference-add:hover .beta-reference-plus,
.image-beta-experiment .beta-reference-tile.has-reference .beta-reference-add:focus-visible .beta-reference-plus {
  box-shadow:0 12px 24px -18px var(--shadow),0 0 0 6px color-mix(in srgb,var(--accent-warm) 9%,transparent);
  transform:translate(-50%,-50%);
}
.image-beta-experiment .beta-reference-compact .beta-reference-add:hover .beta-reference-orbit i:first-child,
.image-beta-experiment .beta-reference-compact .beta-reference-add:focus-visible .beta-reference-orbit i:first-child {
  border-color:color-mix(in srgb,var(--accent-warm) 24%,var(--line));transform:none;
}
.image-beta-experiment .beta-reference-compact .beta-reference-add:hover .beta-reference-orbit i:last-child,
.image-beta-experiment .beta-reference-compact .beta-reference-add:focus-visible .beta-reference-orbit i:last-child {
  border-color:color-mix(in srgb,var(--accent-warm) 24%,var(--line));opacity:.72;transform:none;
}
.image-beta-experiment .beta-reference-tile.has-reference .beta-reference-add:hover .beta-reference-orbit i,
.image-beta-experiment .beta-reference-tile.has-reference .beta-reference-add:focus-visible .beta-reference-orbit i {
  border-color:color-mix(in srgb,var(--accent-warm) 42%,var(--line));
}
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i,
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i {
  top:var(--start-top);left:var(--start-left);width:var(--start-size);border-color:color-mix(in srgb,var(--accent-warm) 24%,var(--line));transform:translate(-50%,-50%);
}
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i:nth-child(1),
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(1) { opacity:.58; }
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i:nth-child(2),
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(2) { opacity:.72;transform:translate(-50%,-50%) rotate(12deg); }
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i:nth-child(3),
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(3) { opacity:.56;transform:translate(-50%,-50%) rotate(-10deg); }
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i:nth-child(4),
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(4) { opacity:.62;transform:translate(-50%,-50%) rotate(18deg); }
.image-beta-experiment .beta-reference-converge .beta-reference-add:hover .beta-reference-orbit i:nth-child(5),
.image-beta-experiment .beta-reference-converge .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(5) { opacity:.42; }
.image-beta-experiment .beta-reference-converge.has-reference .beta-reference-add:hover .beta-reference-orbit i,
.image-beta-experiment .beta-reference-converge.has-reference .beta-reference-add:focus-visible .beta-reference-orbit i {
  border-color:color-mix(in srgb,var(--accent-warm) 42%,var(--line));
}
/* Logo has five staggered base transitions. Fully suspend them while idle so
   pointer entry cannot start part of the old hover sequence before WAAPI owns it. */
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-plus,
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-orbit i {
  transition:none!important;
}
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i,
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i {
  top:var(--start-top)!important;left:var(--start-left)!important;width:var(--start-size)!important;
  border-color:color-mix(in srgb,var(--accent-warm) 24%,var(--line))!important;
  transform:translate(-50%,-50%)!important;
}
.image-beta-experiment .beta-reference-converge.has-reference:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i,
.image-beta-experiment .beta-reference-converge.has-reference:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i {
  border-color:color-mix(in srgb,var(--accent-warm) 42%,var(--line))!important;
}
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i:nth-child(1),
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(1) { opacity:.58!important; }
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i:nth-child(2),
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(2) { opacity:.72!important;transform:translate(-50%,-50%) rotate(12deg)!important; }
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i:nth-child(3),
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(3) { opacity:.56!important;transform:translate(-50%,-50%) rotate(-10deg)!important; }
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i:nth-child(4),
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(4) { opacity:.62!important;transform:translate(-50%,-50%) rotate(18deg)!important; }
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:hover .beta-reference-orbit i:nth-child(5),
.image-beta-experiment .beta-reference-converge:not(.is-library-active):not(.is-library-closing) .beta-reference-add:focus-visible .beta-reference-orbit i:nth-child(5) { opacity:.42!important; }
/* Click/open and close/reverse illustration motion is controlled as one WAAPI
   timeline in image-studio-theme.js, avoiding hover/transition cascade races. */
.image-beta-experiment .beta-reference-library { animation-duration:.5s; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-board-assets > .beta-control-row:hover {
  border-color:#dca47f!important;background:#2d2b2a!important;box-shadow:none!important;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace:focus-within {
  border-color:#91aaa2!important;box-shadow:0 0 0 3px rgba(145,170,162,.1)!important;
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .beta-brief-workspace > textarea { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase:not(.compact) > .ss-meta {
  border-color:#45413e;background:rgba(38,36,36,.92);color:#f0ebe4;box-shadow:0 18px 42px -22px rgba(0,0,0,.84);
}
html[data-theme="dark"] .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .style-showcase .ss-tag {
  background:rgba(220,164,127,.12);color:#efb087;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile {
  border-color:#45413e!important;background:#262424!important;box-shadow:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile {
  background:radial-gradient(circle at 5% 0%,rgba(220,164,127,.055),transparent 48%),#262424!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-ai-prompt-tile {
  background:#262424!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-heading,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-footer,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer { border-color:#45413e; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-step-label { color:#dca47f; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > .compose-label,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile > textarea { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > p,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-footer,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer { color:#928b84; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-build {
  border-color:rgba(220,164,127,.42);background:rgba(220,164,127,.1);color:#efb087;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-build:hover { border-color:#dca47f;background:rgba(220,164,127,.15); }

@media (max-width:560px) {
  .image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right { margin:12px 0 0; }
  .image-beta.image-beta-experiment #panel-generate .beta-brief-heading { grid-template-columns:1fr;row-gap:5px; }
  .image-beta.image-beta-experiment #panel-generate .beta-brief-heading > p { grid-column:1;white-space:normal; }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-pair { grid-template-columns:1fr;height:auto;min-height:0; }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile { height:210px!important; }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-heading { grid-template-columns:1fr;align-items:start; }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-heading > p { grid-column:1;white-space:normal; }
}

/* Retired prompt-pair container rules and the previous final override. */
@media not all {
/* Browser zoom changes the usable width of each prompt tile before the page
   necessarily reaches a viewport breakpoint. Size and reflow from the tile. */
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile {
  container-name:beta-prompt-tile;
  container-type:inline-size;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > .compose-label {
  font-size:clamp(14px,5.2cqi,24px)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > p {
  font-size:clamp(7px,2.2cqi,11px)!important;
}
@container beta-prompt-tile (max-width:380px) {
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-tile .beta-brief-heading {
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    row-gap:4px;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > .compose-label,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-tile .beta-brief-heading > p {
    grid-column:1!important;
    max-width:100%;
    white-space:normal;
  }
}

/* --------------------------------------------------------------------------
   Advanced Generation workspace — final layout authority
   Product brief / active workspace / actions share one deliberate grid.
   -------------------------------------------------------------------------- */
@media (min-width:761px) {
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready {
    display:grid!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 500px auto!important;
    align-content:start!important;gap:10px!important;padding:0 0 18px!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief {
    grid-column:1/-1!important;grid-row:1!important;width:100%!important;max-width:none!important;align-self:start!important;justify-self:stretch!important;margin:0!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-settings-board[data-board-model="gen-model"] {
    position:relative!important;display:grid!important;box-sizing:border-box!important;width:100%!important;height:500px!important;min-height:500px!important;
    grid-column:1/-1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:500px 0!important;
    align-self:start!important;justify-self:stretch!important;column-gap:14px!important;row-gap:0!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief__actions {
    grid-column:1!important;grid-row:3!important;width:100%!important;height:auto!important;align-self:start!important;margin:0!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board > .beta-2-style-studio {
    grid-column:1!important;grid-row:1!important;width:100%!important;height:500px!important;min-height:500px!important;max-height:500px!important;margin:0!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board > .beta-settings-stack {
    grid-column:2!important;grid-row:1!important;width:100%!important;height:500px!important;min-height:500px!important;max-height:500px!important;margin:0!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open {
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:96px minmax(0,394px)!important;column-gap:0!important;row-gap:10px!important;overflow:hidden!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-2-style-studio,
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-settings-stack {
    display:block!important;height:0!important;min-height:0!important;max-height:0!important;opacity:0!important;visibility:hidden!important;overflow:hidden!important;pointer-events:none!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-experiment-selection-apps {
    display:flex!important;box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:none!important;height:96px!important;min-height:96px!important;grid-column:1/-1!important;grid-row:1!important;
    align-self:stretch!important;justify-self:stretch!important;align-items:stretch!important;justify-content:stretch!important;gap:10px!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board > .beta-experiment-live-prompt {
    display:flex!important;box-sizing:border-box!important;width:100%!important;height:394px!important;min-height:394px!important;max-height:394px!important;
    grid-column:1!important;grid-row:2!important;margin:0!important;padding:18px 20px 15px!important;border:1px solid #eceae4!important;border-radius:16px!important;background:#fff!important;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.99);overflow:hidden!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-experiment-live-prompt {
    opacity:1;visibility:visible;pointer-events:auto;transform:none;
  }
}

.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-heading {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;min-height:52px;padding:0 120px 11px 0!important;border-bottom:1px solid #efe9e0!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-step-label {
  grid-column:1!important;font-size:8px!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-heading > .compose-label {
  grid-column:1!important;font-size:20px!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-heading > p {
  grid-column:1!important;overflow:hidden;font-size:8.5px!important;text-overflow:ellipsis;white-space:nowrap!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt > textarea {
  box-sizing:border-box!important;width:100%!important;min-height:0!important;flex:1!important;margin:12px 0 10px!important;padding:12px 13px!important;border:1px solid #eceae4!important;border-radius:10px!important;background:#fbfaf7!important;resize:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-footer {
  min-height:24px!important;padding:8px 0 0!important;border-top:1px solid #efe9e0!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-build {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-prompt-toggle {
  top:16px!important;right:18px!important;min-height:31px!important;padding:0 11px!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-selection-apps button {
  width:0!important;max-width:none!important;height:96px!important;min-width:0!important;flex:1 1 0!important;align-self:stretch!important;margin:0!important;padding:13px 12px!important;border-radius:14px!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-selection-apps button > span {
  min-width:0!important;width:100%!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-selection-apps button b {
  font-size:9px!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-selection-apps button small {
  font-size:8.5px!important;
}

html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board > .beta-experiment-live-prompt {
  border-color:#45413e!important;background:#262424!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt > textarea {
  border-color:#45413e!important;background:#211f1e!important;
}

@media (max-width:760px) {
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready {
    display:grid!important;width:100%!important;height:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:10px!important;padding-bottom:16px!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief { grid-row:1!important; }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-settings-board { grid-row:2!important; }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief__actions { grid-row:3!important; }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open {
    height:466px!important;min-height:466px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:96px 360px!important;gap:10px!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-experiment-selection-apps {
    display:grid!important;width:100%!important;height:96px!important;grid-template-columns:repeat(5,minmax(112px,1fr))!important;gap:8px!important;overflow-x:auto!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-settings-board.beta-experiment-prompt-open > .beta-experiment-live-prompt {
    display:flex!important;width:100%!important;height:360px!important;min-height:360px!important;grid-column:1!important;grid-row:2!important;margin:0!important;padding:16px!important;opacity:1;visibility:visible;pointer-events:auto;
  }
}
}

/* --------------------------------------------------------------------------
   Advanced Generation workspace
   One DOM tree, one geometry authority, and one shared left edge.
   -------------------------------------------------------------------------- */
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready {
  container-name:beta-advanced-workspace;
  container-type:inline-size;
  display:grid!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:max-content 500px max-content!important;
  align-content:start!important;
  gap:14px!important;
  padding:0 0 20px!important;
  overflow:visible!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > :not(.beta-experiment-product-brief):not(.beta-settings-board):not(.beta-experiment-product-brief__actions) {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief,
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-settings-board,
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-experiment-product-brief__actions {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief {
  position:relative!important;
  display:flex!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:18px!important;
  border:1px solid #e8e5df!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(24,24,27,.02),0 8px 24px -22px rgba(24,24,27,.5)!important;
  overflow:visible!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header {
  display:flex!important;
  min-height:28px!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__heading-copy {
  display:block!important;
  min-width:0!important;
}
.image-beta.image-beta-experiment #gen-settings-card :is(
  .beta-2-style-studio-head span strong,
  .beta-experiment-product-brief__header h3
) {
  margin:0!important;
  color:#18181b!important;
  font:580 25px/1 'Newsreader','Inter',serif!important;
  letter-spacing:-.03em!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p {
  max-width:52%!important;
  margin:0!important;
  color:#78716c!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-align:right!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__input {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:112px;
  min-height:112px!important;
  max-height:260px!important;
  flex:none!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #e8ddd4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#18181b!important;
  font:500 12px/1.5 'Hanken Grotesk','Inter',sans-serif!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  resize:vertical!important;
  box-shadow:inset 0 1px 2px rgba(24,24,27,.025)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__input:focus {
  outline:none!important;
  border-color:#f97316!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.09)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief > .beta-control-icon,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief > .beta-brief-footer,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief > .prompt-help {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions {
  display:grid!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto 56px!important;
  column-gap:10px!important;
  row-gap:8px!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-experiment-product-brief__actions > button {
  display:inline-flex!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:760!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build {
  border:1px solid #f0b08e!important;
  background:transparent!important;
  color:#c2410c!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-generate {
  border:0!important;
  background:linear-gradient(135deg,#f97316,#f43f5e 58%,#ec4899)!important;
  color:#fff!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-settings-board[data-board-model="gen-model"] {
  --selection-row-height:96px;
  position:relative!important;
  display:grid!important;
  height:500px!important;
  min-height:500px!important;
  grid-column:1!important;
  grid-row:2!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:14px!important;
  padding:0!important;
  overflow:visible!important;
  transition:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-settings-board > .beta-2-style-studio,
.image-beta.image-beta-experiment #gen-settings-card > .beta-settings-board > .beta-settings-stack {
  box-sizing:border-box!important;
  width:100%!important;
  height:500px!important;
  min-height:500px!important;
  max-height:500px!important;
  margin:0!important;
}
.image-beta.image-beta-experiment #gen-settings-card > .beta-settings-board > .beta-2-style-studio { grid-column:1!important;grid-row:1!important; }
.image-beta.image-beta-experiment #gen-settings-card > .beta-settings-board > .beta-settings-stack { grid-column:2!important;grid-row:1!important; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready > .beta-settings-board > .beta-experiment-live-prompt {
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:0!important;
  left:0!important;
  display:flex!important;
  box-sizing:border-box!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.image-beta.image-beta-experiment #gen-controls #gen-settings-card > .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped.beta-experiment-selections-contracted {
  /* Match the production Model tile's 96px outer height. */
  height:500px!important;
  min-height:500px!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--selection-row-height) minmax(0,1fr)!important;
  column-gap:0!important;
  row-gap:10px!important;
  overflow:hidden!important;
}
.image-beta.image-beta-experiment #gen-controls #gen-settings-card > .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped.beta-experiment-selections-contracted > .beta-2-style-studio,
.image-beta.image-beta-experiment #gen-controls #gen-settings-card > .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped.beta-experiment-selections-contracted > .beta-settings-stack {
  display:none!important;
}
.image-beta.image-beta-experiment #gen-controls #gen-settings-card > .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped.beta-experiment-selections-contracted > .beta-experiment-selection-apps {
  display:grid!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--selection-row-height)!important;
  grid-column:1!important;
  grid-row:1!important;
  grid-template-columns:repeat(3,minmax(0,3fr)) repeat(2,minmax(0,2fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  animation:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button {
  position:relative!important;
  display:flex!important;
  box-sizing:border-box!important;
  min-width:0!important;
  height:var(--selection-row-height)!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:17px 18px!important;
  border:1px solid #e8e5df!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#18181b!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
  box-shadow:0 1px 0 rgba(24,24,27,.02),0 8px 24px -22px rgba(24,24,27,.5)!important;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button:hover,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button:focus-visible {
  border-color:#efb08c!important;
  background:#fffaf7!important;
  box-shadow:0 12px 26px -22px rgba(194,65,12,.52)!important;
  transform:none!important;
  outline:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-app-copy {
  display:grid!important;
  min-width:0!important;
  flex:1 1 auto!important;
  gap:8px!important;
  align-content:center!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="model"],
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:14px!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="model"] .beta-experiment-selection-app-copy,
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-experiment-selection-app-copy {
  grid-column:1!important;
  grid-row:1!important;
  text-align:left!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="model"] .beta-experiment-selection-app-mark,
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-experiment-selection-app-mark {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button b {
  color:#685f58!important;
  font-size:11px!important;
  font-weight:760!important;
  letter-spacing:.085em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button small {
  overflow:hidden!important;
  color:#24211f!important;
  font-size:15px!important;
  font-weight:680!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-app-mark {
  display:grid!important;
  box-sizing:border-box!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  place-items:center!important;
  border:1px solid #f1dfd2!important;
  border-radius:12px!important;
  background:#fff7f1!important;
  color:#ea580c!important;
  font-style:normal!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="style"] {
  padding-left:20px!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="style"]::before {
  content:"";
  width:4px;
  height:46px;
  flex:0 0 4px;
  border-radius:99px;
  background:#f97316;
  box-shadow:0 0 0 5px #fff3e9;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="style"] .beta-experiment-selection-app-mark { display:none!important; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-app-mark img { width:25px!important;height:25px!important;object-fit:contain!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-experiment-selection-app-mark > .beta-ratio-shape,
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-experiment-selection-app-mark > .beta-custom-shape {
  display:block!important;
  margin:0!important;
  color:#ea580c!important;
  transform:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-ratio-shape.square { width:24px!important;height:24px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-ratio-shape.landscape { width:29px!important;height:19px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-ratio-shape.generic-portrait { width:19px!important;height:29px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-ratio-shape.portrait { width:22px!important;height:27px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-ratio-shape.story { width:15px!important;height:28px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-custom-shape { width:29px!important;height:29px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-custom-shape i:first-child { left:1px!important;top:7px!important;width:18px!important;height:18px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-custom-shape i:last-child { right:1px!important;top:1px!important;width:14px!important;height:23px!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-custom-shape i:last-child { background:#fff7f1!important; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference {
  display:block!important;
  padding:0!important;
  background:#fff!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference > .beta-reference-add {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:13px!important;
  pointer-events:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-orbit {
  top:50%!important;
  left:50%!important;
  width:58px!important;
  height:58px!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-plus {
  top:50%!important;
  width:36px!important;
  height:36px!important;
  box-shadow:0 8px 18px -15px var(--shadow),0 0 0 4px color-mix(in srgb,var(--accent-warm) 5%,transparent)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-plus::before,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-plus::after { width:14px!important; }
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-experiment-selection-reference-image {
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  left:50%!important;
  display:block!important;
  box-sizing:border-box!important;
  width:44px!important;
  height:44px!important;
  border:1px solid color-mix(in srgb,var(--accent-warm) 42%,var(--line))!important;
  border-radius:50%!important;
  background:#fff!important;
  object-fit:cover!important;
  transform:translate(-50%,-50%)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-experiment-selection-reference-image[hidden] { display:none!important; }
.image-beta.image-beta-experiment #gen-settings-card [data-selection-app="logo"] .beta-experiment-selection-reference-image {
  padding:3px!important;
  object-fit:contain!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-copy {
  left:8px!important;
  right:8px!important;
  top:12px!important;
  bottom:auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
/* The visible product/logo tiles are the control-row variant; pin their label to the top too. */
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-copy {
  top:12px!important;
  bottom:auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images {
  position:absolute!important;
  z-index:2!important;
  top:57%!important;
  left:50%!important;
  display:block!important;
  box-sizing:border-box!important;
  width:82px!important;
  height:58px!important;
  transform:translate(-50%,-50%)!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-image {
  position:absolute!important;
  top:2px!important;
  display:block!important;
  box-sizing:border-box!important;
  width:46px!important;
  height:54px!important;
  border:1px solid color-mix(in srgb,var(--accent-warm) 38%,var(--line))!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 20px -16px var(--shadow)!important;
  object-fit:cover!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-image[hidden] { display:none!important; }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="1"] .beta-reference-selected-image:nth-child(1) { left:18px!important;z-index:1; }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="2"] .beta-reference-selected-image:nth-child(1) { left:9px!important;z-index:1;transform:rotate(-4deg); }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="2"] .beta-reference-selected-image:nth-child(2) { left:27px!important;z-index:2;transform:rotate(4deg); }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="3"] .beta-reference-selected-image:nth-child(1) { left:1px!important;z-index:1;transform:rotate(-5deg); }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="3"] .beta-reference-selected-image:nth-child(2) { left:18px!important;z-index:2; }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-selected-images[data-count="3"] .beta-reference-selected-image:nth-child(3) { left:35px!important;z-index:3;transform:rotate(5deg); }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile[data-reference-type="logo"] .beta-reference-selected-image {
  left:18px!important;
  width:58px!important;
  height:58px!important;
  top:0!important;
  padding:6px!important;
  object-fit:contain!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile.has-reference-image .beta-reference-orbit { display:none!important; }
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile.has-reference-image .beta-reference-plus {
  top:calc(57% + 22px)!important;
  left:calc(50% + 23px)!important;
  width:22px!important;
  height:22px!important;
  border-width:2px!important;
  box-shadow:0 5px 12px -7px var(--shadow)!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile[data-reference-type="product"].has-reference-image .beta-reference-plus {
  left:calc(50% + 38px)!important;
}
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile.has-reference-image .beta-reference-plus::before {
  width:5px!important;
  height:9px!important;
  border-right-width:1.5px!important;
  border-bottom-width:1.5px!important;
}
/* With the label at the top, nudge the + down so it sits in the lower space. */
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-orbit,
.image-beta.image-beta-experiment .beta-control-row.beta-reference-tile .beta-reference-plus,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-orbit,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-plus {
  top:56%!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-copy strong {
  overflow:hidden!important;
  color:#24211f!important;
  font-family:'Hanken Grotesk','Inter',sans-serif!important;
  font-size:12px!important;
  font-weight:720!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-copy small {
  color:#685f58!important;
  font-size:10.5px!important;
  font-weight:650!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference {
  border-color:#efb08c!important;
  background:#fff8f2!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference .beta-reference-plus {
  z-index:3!important;
  background:rgba(249,115,22,.78)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference .beta-reference-plus::before {
  width:8px!important;
  height:14px!important;
  border:0!important;
  border-right:2px solid var(--action-on)!important;
  border-bottom:2px solid var(--action-on)!important;
  border-radius:1px!important;
  background:transparent!important;
  transform:translate(-48%,-62%) rotate(45deg)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference .beta-reference-plus::after {
  width:5px!important;
  height:1.5px!important;
  opacity:0!important;
  transform:translate(-50%,-50%) rotate(180deg) scale(.35)!important;
}
/* Restore the original reference-tile hover choreography inside the compact
   selection row; experiment-level reference cards remain otherwise unchanged. */
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:hover .beta-reference-orbit i:first-child,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:focus-visible .beta-reference-orbit i:first-child {
  border-color:color-mix(in srgb,var(--accent-warm) 46%,var(--line))!important;
  transform:scale(.78)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:hover .beta-reference-orbit i:last-child,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:focus-visible .beta-reference-orbit i:last-child {
  border-color:color-mix(in srgb,var(--accent-warm) 62%,var(--line))!important;
  opacity:1!important;
  transform:rotate(22deg) scale(1.18)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:hover .beta-reference-plus,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference:focus-visible .beta-reference-plus {
  box-shadow:0 12px 22px -16px var(--shadow),0 0 0 7px color-mix(in srgb,var(--accent-warm) 8%,transparent)!important;
  transform:translate(-50%,-50%) rotate(90deg) scale(1.06)!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference:hover .beta-reference-plus,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference:focus-visible .beta-reference-plus {
  transform:translate(-50%,-50%) scale(1.06)!important;
}
.image-beta.image-beta-experiment #gen-controls #gen-settings-card > .beta-settings-board[data-board-model="gen-model"].beta-2-settings-swapped.beta-experiment-selections-contracted > .beta-experiment-live-prompt {
  display:flex!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  grid-column:1!important;
  grid-row:2!important;
  flex-direction:column!important;
  margin:0!important;
  padding:18px 20px 15px!important;
  border:1px solid #e8e5df!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(24,24,27,.02),0 8px 24px -22px rgba(24,24,27,.5)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
.image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready .beta-experiment-live-prompt .beta-experiment-prompt-heading {
  display:grid!important;
  flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:4px!important;
  min-height:52px!important;
  padding:0 104px 11px 0!important;
  border-bottom:1px solid #efe9e0!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-step-label {
  color:#c2410c!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label {
  margin:0!important;
  color:#18181b!important;
  font:400 20px/1.08 'Newsreader','Inter',serif!important;
  letter-spacing:-.018em!important;
  text-transform:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p {
  margin:0!important;
  color:#71717a!important;
  font-size:11px!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt > textarea {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:1 1 0%!important;
  align-self:stretch!important;
  margin:12px 0 10px!important;
  padding:12px 13px!important;
  border:1px solid #eceae4!important;
  border-radius:10px!important;
  background:#fbfaf7!important;
  resize:none!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer {
  flex:0 0 auto!important;
  min-height:24px!important;
  margin-top:0!important;
  padding-top:8px!important;
  border-top:1px solid #efe9e0!important;
  color:#71717a!important;
  font-size:10.5px!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-toggle {
  position:absolute!important;
  z-index:3!important;
  top:16px!important;
  right:18px!important;
  min-height:31px!important;
  padding:0 11px!important;
  border:1px solid #f0b08e!important;
  border-radius:8px!important;
  background:#fff7f0!important;
  color:#c2410c!important;
  font-size:10.5px!important;
  font-weight:780!important;
  cursor:pointer!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract {
  position:absolute!important;
  z-index:4!important;
  top:10px!important;
  right:18px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid #e3ded6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#57534e!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:780!important;
  cursor:pointer!important;
  box-shadow:0 5px 16px -13px rgba(24,24,27,.62)!important;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract:hover,
.image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract:focus-visible {
  border-color:#efb08c!important;
  background:#fff8f2!important;
  color:#c2410c!important;
  box-shadow:0 8px 20px -15px rgba(194,65,12,.52)!important;
  outline:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button {
  border-color:#45413e!important;
  background:#262424!important;
  color:#f0ebe4!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief {
  border-color:#45413e!important;
  background:#262424!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt { box-shadow:none!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header h3 { color:#fff7ef!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p { color:#b9ada3!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__action-hint { color:#b9ada3!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button b,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-copy small { color:#a9a19a!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-apps button small,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference .beta-reference-copy strong { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-app-mark {
  border-color:#51483f!important;background:rgba(220,164,127,.1)!important;color:#efb087!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card [data-selection-app="size"] .beta-custom-shape i:last-child { background:#302d2b!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-selection-reference.has-reference {
  border-color:#7c5742!important;background:rgba(220,164,127,.08)!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > .compose-label { color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-heading > p,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-footer { color:#a9a19a!important; }
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-live-prompt > textarea {
  border-color:#45413e!important;background:#211f1e!important;color:#f0ebe4!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract {
  border-color:#514b46!important;background:#302d2b!important;color:#ddd4cc!important;box-shadow:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract:hover,
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-prompt-contract:focus-visible {
  border-color:#9a684d!important;background:#382f2a!important;color:#efb087!important;
}

/* Keep Build Prompt secondary to Generate Image in dark mode. Open and Rebuild
   retain their existing treatment through the explicit prompt-action state. */
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build[data-prompt-action="build"] {
  border-color:#5f4a40!important;
  background:transparent!important;
  color:#e7c2ad!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build[data-prompt-action="build"]:hover:not(:disabled) {
  border-color:#79513d!important;
  background:#3b302c!important;
  color:#f0c9b2!important;
  box-shadow:0 7px 18px -16px rgba(220,164,127,.5)!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build[data-prompt-action="build"]:active:not(:disabled) {
  border-color:#5f4a40!important;
  background:#2c2725!important;
  color:#e7c2ad!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build[data-prompt-action="build"]:focus-visible {
  outline:2px solid #dca47f!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 2px #262424!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-brief-build[data-prompt-action="build"]:disabled {
  border-color:#48403b!important;
  background:#2b2826!important;
  color:#c0b2a8!important;
  opacity:1!important;
  box-shadow:none!important;
}

@media (min-width:761px) {
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] > .split {
    grid-template-columns:minmax(480px,1.04fr) minmax(340px,.96fr)!important;
  }
}

/* The desktop column minimums need roughly 820px before shell padding and the
   sidebar are counted. Browser zoom can leave the viewport above the legacy
   760px mobile breakpoint while the actual workspace is already narrower than
   those columns. Stack that constrained range in normal document flow and let
   the workspace own vertical scrolling instead of allowing the grid to escape
   through a horizontally clipped ancestor. Wide desktop geometry is unchanged. */
@media (max-width:1120px) {
  html body.image-beta.image-beta-2.image-beta-experiment .app-workspace {
    min-width:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
  }
  .image-beta.image-beta-experiment #main {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:100%!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }
  .image-beta.image-beta-experiment #panel-generate.panel.active {
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .image-beta.image-beta-experiment #gen-controls,
  .image-beta.image-beta-experiment #gen-mode-guided,
  .image-beta.image-beta-experiment #gen-mode-ai,
  .image-beta.image-beta-experiment #gen-settings-card.beta-experiment-workspace-ready {
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] > .split {
    display:flex!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-left {
    order:1;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="ai"] .split-right {
    order:2;
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    min-height:clamp(420px,70vh,720px)!important;
  }
}

@container beta-advanced-workspace (max-width:420px) {
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header {
    flex-wrap:wrap!important;
    row-gap:5px!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header h3,
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p {
    min-width:0!important;
    max-width:100%!important;
  }
  .image-beta.image-beta-experiment #gen-settings-card .beta-experiment-product-brief__header p {
    flex:1 1 100%!important;
    overflow-wrap:anywhere;
    text-align:left!important;
  }
}

/* Browsers without the View Transition API keep both sides of the handoff
   visible briefly, then cross-fade and reveal the prompt from its bottom-left
   anchor. Final expanded and contracted geometry remains unchanged. */
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-2-style-studio,
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-settings-stack {
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  bottom:auto!important;
  width:calc((100% - 14px)/2)!important;
  height:500px!important;
  pointer-events:none!important;
  animation:betaFallbackExpandedOut 300ms cubic-bezier(.22,1,.36,1) both!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-2-style-studio {
  left:0!important;
  right:auto!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-settings-stack {
  right:0!important;
  left:auto!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-experiment-selection-apps {
  animation:betaFallbackSelectionsIn 300ms cubic-bezier(.22,1,.36,1) both!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-contracting > .beta-experiment-live-prompt {
  transform-origin:left bottom!important;
  animation:betaFallbackPromptIn 300ms cubic-bezier(.22,1,.36,1) both!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-expanding > .beta-2-style-studio,
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-expanding > .beta-settings-stack {
  animation:betaFallbackExpandedIn 300ms cubic-bezier(.22,1,.36,1) both!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-expanding > .beta-experiment-selection-apps {
  display:grid!important;
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:var(--selection-row-height)!important;
  grid-template-columns:repeat(3,minmax(0,3fr)) repeat(2,minmax(0,2fr))!important;
  gap:10px!important;
  pointer-events:none!important;
  animation:betaFallbackSelectionsOut 300ms cubic-bezier(.22,1,.36,1) both!important;
}
.image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-expanding > .beta-experiment-live-prompt {
  display:flex!important;
  position:absolute!important;
  z-index:2!important;
  top:calc(var(--selection-row-height) + 10px)!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:calc(100% - var(--selection-row-height) - 10px)!important;
  min-height:0!important;
  max-height:none!important;
  flex-direction:column!important;
  padding:18px 20px 15px!important;
  border:1px solid #eceae4!important;
  border-radius:16px!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform-origin:left bottom!important;
  animation:betaFallbackPromptOut 300ms cubic-bezier(.22,1,.36,1) both!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #gen-settings-card .beta-settings-board.beta-experiment-fallback-expanding > .beta-experiment-live-prompt {
  border-color:#45413e!important;
  background:#262424!important;
  color:#f0ebe4!important;
}
@keyframes betaFallbackExpandedOut {
  from { opacity:1;transform:scale(1); }
  to { opacity:0;transform:scale(.985); }
}
@keyframes betaFallbackExpandedIn {
  from { opacity:0;transform:scale(.985); }
  to { opacity:1;transform:scale(1); }
}
@keyframes betaFallbackSelectionsIn {
  from { opacity:0;transform:translateY(8px); }
  to { opacity:1;transform:translateY(0); }
}
@keyframes betaFallbackSelectionsOut {
  from { opacity:1;transform:translateY(0); }
  to { opacity:0;transform:translateY(8px); }
}
@keyframes betaFallbackPromptIn {
  from { opacity:0;clip-path:inset(100% 100% 0 0 round 16px); }
  to { opacity:1;clip-path:inset(0 0 0 0 round 16px); }
}
@keyframes betaFallbackPromptOut {
  from { opacity:1;clip-path:inset(0 0 0 0 round 16px); }
  to { opacity:0;clip-path:inset(100% 100% 0 0 round 16px); }
}

/* Contracted summaries and expanded native controls are separate DOM nodes.
   Shared view-transition identities let the browser interpolate their existing
   geometry without remounting controls or introducing a second menu system. */
::view-transition-old(root),
::view-transition-new(root) {
  animation:none;
  mix-blend-mode:normal;
}
::view-transition-group(beta-selection-style),
::view-transition-group(beta-selection-model),
::view-transition-group(beta-selection-size),
::view-transition-group(beta-selection-product),
::view-transition-group(beta-selection-logo),
::view-transition-group(beta-ai-prompt) {
  animation-duration:300ms;
  animation-timing-function:cubic-bezier(.22,1,.36,1);
}
::view-transition-group(beta-ai-prompt),
::view-transition-old(beta-ai-prompt),
::view-transition-new(beta-ai-prompt) {
  transform-origin:left bottom;
}
::view-transition-old(beta-selection-style),
::view-transition-new(beta-selection-style),
::view-transition-old(beta-selection-model),
::view-transition-new(beta-selection-model),
::view-transition-old(beta-selection-size),
::view-transition-new(beta-selection-size),
::view-transition-old(beta-selection-product),
::view-transition-new(beta-selection-product),
::view-transition-old(beta-selection-logo),
::view-transition-new(beta-selection-logo) {
  mix-blend-mode:normal;
}
::view-transition-new(beta-ai-prompt) {
  animation:betaAiPromptIn 300ms cubic-bezier(.22,1,.36,1) both;
  mix-blend-mode:normal;
}
::view-transition-old(beta-ai-prompt) {
  animation:betaAiPromptOut 300ms cubic-bezier(.22,1,.36,1) both;
  mix-blend-mode:normal;
}
@keyframes betaAiPromptIn {
  0%,20% { opacity:0; }
  100% { opacity:1; }
}
@keyframes betaAiPromptOut {
  0% { opacity:1; }
  72%,100% { opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
  .image-beta.image-beta-experiment #gen-settings-card .beta-settings-board[class*="beta-experiment-fallback-"] > * {
    animation-duration:.01ms!important;
  }
  ::view-transition-group(beta-selection-style),
  ::view-transition-group(beta-selection-model),
  ::view-transition-group(beta-selection-size),
  ::view-transition-group(beta-selection-product),
  ::view-transition-group(beta-selection-logo),
  ::view-transition-group(beta-ai-prompt),
  ::view-transition-new(beta-ai-prompt),
  ::view-transition-old(beta-ai-prompt) { animation-duration:.01ms!important; }
}

/* Advanced Generation companion-tool shell
   Expand, Retouch and Text share the production workspace, control rail and
   preview language while retaining their native editor DOM and state. */
.image-beta.image-beta-experiment .beta-tool-page {
  --tool-surface:#fff;
  --tool-surface-soft:#fffaf7;
  --tool-input:#fff;
  --tool-line:#e8e5df;
  --tool-line-strong:#e8ddd4;
  --tool-text:#18181b;
  --tool-muted:#78716c;
  --tool-faint:#a1a1aa;
  --tool-accent:#f97316;
  --tool-accent-soft:#fff7f0;
  --tool-accent-line:#f0b08e;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  color:var(--tool-text);
  font-family:var(--font-ui,'Hanken Grotesk','Inter',sans-serif);
}
.image-beta.image-beta-experiment .beta-tool-page,
.image-beta.image-beta-experiment .beta-tool-page * { box-sizing:border-box; }
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active {
  display:grid!important;
  grid-template-columns:minmax(480px,1.04fr) minmax(340px,.96fr)!important;
  grid-template-rows:auto minmax(0,1fr);
  gap:0!important;
}
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-heading {
  display:grid;
  grid-column:1;
  grid-row:1;
  align-content:start;
  gap:4px;
  margin:0;
  padding:18px clamp(20px,2.25vw,36px) 16px;
}
.image-beta.image-beta-experiment .beta-tool-kicker {
  color:#f97316;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
}
.image-beta.image-beta-experiment .beta-tool-heading h2 {
  margin:0;
  color:var(--tool-text);
  font:500 clamp(32px,3vw,42px)/1.02 var(--font-display,'Newsreader',serif);
  letter-spacing:-.025em;
}
.image-beta.image-beta-experiment .beta-tool-heading h2 em {
  color:#f43f5e;
  font-style:italic;
  -webkit-text-fill-color:currentColor;
  background:none;
}
.image-beta.image-beta-experiment .beta-tool-heading .sub {
  max-width:64ch;
  margin:2px 0 0;
  color:var(--tool-muted);
  font-size:13px;
  line-height:1.5;
}
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace {
  display:contents!important;
}
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-controls {
  display:grid;
  grid-column:1!important;
  grid-row:2!important;
  min-width:0;
  align-content:start;
  gap:14px;
  padding:0 clamp(20px,2.25vw,36px) clamp(24px,2.5vw,36px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  background:transparent!important;
}
.image-beta.image-beta-experiment .beta-tool-control-card.card {
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--tool-line)!important;
  border-radius:14px!important;
  background:var(--tool-surface)!important;
  box-shadow:0 1px 0 rgba(24,24,27,.02),0 8px 24px -22px rgba(24,24,27,.5)!important;
}
.image-beta.image-beta-experiment .beta-tool-control-card.card + .beta-tool-control-card.card,
.image-beta.image-beta-experiment .beta-tool-controls > #txt-editor {
  margin-top:0!important;
}
.image-beta.image-beta-experiment .beta-tool-controls > #txt-editor {
  padding-top:0!important;
  border-top:0!important;
}
.image-beta.image-beta-experiment #txt-editor .beta-tool-control-card.card {
  padding:18px!important;
  border:1px solid var(--tool-line)!important;
}
.image-beta.image-beta-experiment .beta-tool-card-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}
.image-beta.image-beta-experiment .beta-tool-card-head > div { min-width:0; }
.image-beta.image-beta-experiment .beta-tool-card-head .card-title {
  margin:0 0 3px;
  padding:0;
  border:0;
  color:var(--tool-text);
  font:500 20px/1.08 var(--font-display,'Newsreader',serif);
  letter-spacing:-.015em;
  text-transform:none;
}
.image-beta.image-beta-experiment .beta-tool-card-head p {
  max-width:55%;
  margin:0;
  color:var(--tool-muted);
  font-size:10.5px;
  font-weight:600;
  line-height:1.45;
  text-align:right;
}
.image-beta.image-beta-experiment .beta-tool-control-card .field {
  min-width:0;
  margin:0 0 13px;
}
.image-beta.image-beta-experiment .beta-tool-control-card .field > label {
  margin-bottom:7px;
  color:var(--tool-faint);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.image-beta.image-beta-experiment .beta-tool-control-card input[type="text"],
.image-beta.image-beta-experiment .beta-tool-control-card select {
  width:100%;
  min-height:42px;
  border:1px solid var(--tool-line)!important;
  border-radius:9px!important;
  background:var(--tool-input)!important;
  color:var(--tool-text)!important;
  box-shadow:none!important;
  font-size:13px;
}
.image-beta.image-beta-experiment .beta-tool-control-card input[type="text"]:focus,
.image-beta.image-beta-experiment .beta-tool-control-card select:focus {
  outline:none!important;
  border-color:#f97316!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.09)!important;
}
.image-beta.image-beta-experiment .beta-tool-control-card .upload-pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.image-beta.image-beta-experiment .beta-tool-control-card .upload-pair .btn {
  width:100%;
  min-width:0;
  min-height:52px;
  border-color:var(--tool-line)!important;
  border-radius:11px!important;
  background:var(--tool-surface)!important;
}
.image-beta.image-beta-experiment .beta-tool-control-card .upload-pair .btn:hover {
  border-color:var(--tool-accent-line)!important;
  background:var(--tool-surface-soft)!important;
}
.image-beta.image-beta-experiment .beta-tool-field-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.image-beta.image-beta-experiment .beta-tool-action-bar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:18px 0 0;
  padding:16px 0 0;
  border-top:1px solid var(--tool-line);
  background:transparent;
}
.image-beta.image-beta-experiment .beta-tool-action-bar > span {
  max-width:28ch;
  color:var(--tool-muted);
  font-size:10.5px;
  line-height:1.4;
}
.image-beta.image-beta-experiment .beta-tool-action-bar .btn-primary,
.image-beta.image-beta-experiment .beta-tool-page #fit-btn,
.image-beta.image-beta-experiment .beta-tool-page #ip-btn {
  width:auto;
  min-width:178px;
  min-height:44px;
  margin:0;
  padding:10px 18px;
  border-radius:999px!important;
  font-size:12px;
  font-weight:780;
  border:0!important;
  background:linear-gradient(135deg,#f97316,#f43f5e 58%,#ec4899)!important;
  color:#fff!important;
  box-shadow:0 12px 32px -10px rgba(249,115,22,.4)!important;
}

/* The same observable frame used by Advanced Generation. */
html body.image-beta.image-beta-2.image-beta-experiment .beta-image-preview-tile,
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-image-preview-tile {
  position:relative;
  min-width:0;
  margin:18px 18px 18px 0;
  padding:0!important;
  border:1.5px dashed #ddd5c9;
  border-radius:18px;
  background:
    radial-gradient(circle at 30% 20%,rgba(249,115,22,.07),transparent 55%),
    radial-gradient(circle at 80% 80%,rgba(236,72,153,.08),transparent 55%),
    #fff!important;
  box-shadow:none!important;
}
html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-stage {
  position:relative!important;
  top:auto!important;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0;
  height:auto;
  min-height:0;
  place-items:center;
  align-self:stretch;
  overflow:hidden;
}
.image-beta.image-beta-experiment .beta-tool-stage-head,
.image-beta.image-beta-experiment .beta-tool-stage-body { display:contents; }
.image-beta.image-beta-experiment .beta-tool-stage-head > div { display:none; }
.image-beta.image-beta-experiment .beta-tool-stage-status {
  position:absolute;
  z-index:8;
  top:14px;
  right:14px;
  max-width:min(46%,220px);
  overflow:hidden;
  padding:5px 9px;
  border:1px solid #f0dfd2;
  border-radius:999px;
  background:#fff7f0;
  color:#c2410c;
  font-size:9.5px;
  font-weight:720;
  line-height:1.3;
  pointer-events:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder,
.image-beta.image-beta-experiment .beta-tool-stage-body > .beta-expand-source,
.image-beta.image-beta-experiment .beta-tool-stage-body > .beta-retouch-editor,
.image-beta.image-beta-experiment .beta-tool-stage-body > .beta-text-canvas-wrap,
.image-beta.image-beta-experiment .beta-tool-stage-body > .generated-result-region,
.image-beta.image-beta-experiment .beta-tool-stage-body > .img-out {
  grid-column:1;
  grid-row:1;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder,
.image-beta.image-beta-experiment .beta-tool-stage-body > .img-out {
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  margin:0;
  padding:28px 28px 48px!important;
  align-self:stretch;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder .pp-icon {
  width:52px;
  height:52px;
  border:1px solid var(--tool-line-strong);
  border-radius:50%;
  background:transparent;
  color:var(--tool-muted);
  box-shadow:none;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder .pp-icon svg { color:currentColor; }
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder .pp-title {
  color:var(--tool-text);
  font:500 23px/1.15 var(--font-display,'Newsreader',serif);
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder .pp-hint {
  max-width:340px;
  color:var(--tool-muted);
  font-size:12px;
  line-height:1.55;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .preview-loading {
  z-index:7;
  background:color-mix(in srgb,var(--tool-surface) 92%,transparent);
  backdrop-filter:blur(8px);
}
.image-beta.image-beta-experiment .beta-tool-stage-body:has(.preview-loading[style*="flex"]) > :not(.preview-loading) {
  display:none!important;
}
.image-beta.image-beta-experiment #panel-expand .beta-tool-stage:has(#fit-preview-wrap:not([style*="none"])) #fit-placeholder,
.image-beta.image-beta-experiment #panel-retouch .beta-tool-stage:has(#ip-editor:not([style*="none"])) #ip-placeholder {
  display:none;
}
.image-beta.image-beta-experiment #panel-expand .beta-tool-stage:has(#fit-out[style*="block"]) .beta-expand-source,
.image-beta.image-beta-experiment #panel-retouch .beta-tool-stage:has(#ip-result .card) .beta-retouch-editor {
  display:none!important;
}

/* Expand fits the selected output ratio into the stable preview plane while
   keeping the complete source image visible inside the new boundary. */
.image-beta.image-beta-experiment .beta-expand-source {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);
  gap:10px;
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  margin:0;
  padding:18px;
  align-items:stretch;
  overflow:hidden;
  border:0;
  background:transparent;
}
.image-beta.image-beta-experiment .beta-expand-boundary-slot {
  display:grid;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  padding:5px;
  place-items:center;
  overflow:hidden;
}
.image-beta.image-beta-experiment .beta-expand-boundary {
  position:relative;
  display:grid;
  min-width:1px;
  min-height:1px;
  max-width:100%;
  max-height:100%;
  place-items:center;
  overflow:hidden;
  border:2px dashed color-mix(in srgb,var(--tool-accent) 82%,var(--tool-line));
  border-radius:14px;
  background:
    linear-gradient(45deg,color-mix(in srgb,var(--tool-surface) 52%,transparent) 25%,transparent 25%),
    linear-gradient(-45deg,color-mix(in srgb,var(--tool-surface) 52%,transparent) 25%,transparent 25%),
    color-mix(in srgb,var(--tool-surface-soft) 88%,var(--tool-line));
  background-size:16px 16px;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent) 12%,transparent),0 16px 34px -28px var(--tool-accent);
}
.image-beta.image-beta-experiment .beta-expand-boundary-label {
  position:relative;
  z-index:2;
  display:flex;
  width:max-content;
  max-width:100%;
  min-width:0;
  align-items:center;
  justify-self:start;
  gap:9px;
  padding:6px 7px 6px 10px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 48%,var(--tool-line));
  border-radius:999px;
  background:var(--tool-accent-soft);
  color:#9a4b20;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 18px -16px var(--tool-accent);
}
.image-beta.image-beta-experiment .beta-expand-boundary-label span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.image-beta.image-beta-experiment .beta-expand-boundary-label output {
  flex:0 0 auto;
  padding:3px 8px;
  border-radius:999px;
  background:var(--tool-accent);
  color:#fff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.025em;
  line-height:1.25;
  white-space:nowrap;
}
.image-beta.image-beta-experiment .beta-expand-canvas {
  display:grid;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  place-items:center;
  overflow:hidden;
}
.image-beta.image-beta-experiment .beta-expand-canvas img {
  position:absolute;
  display:block;
  width:1px;
  height:1px;
  max-width:none;
  max-height:none;
  margin:0;
  border:2px solid var(--tool-accent);
  border-radius:5px;
  object-fit:contain;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--tool-surface) 84%,transparent),0 18px 40px -26px rgba(89,55,30,.6);
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .img-out {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 0 50px!important;
  overflow:hidden;
}
.image-beta.image-beta-experiment .beta-tool-stage-body > .img-out > img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(100% - 50px);
  margin:auto;
  object-fit:contain;
}
.image-beta.image-beta-experiment .beta-tool-stage .img-meta {
  flex:0 0 auto;
  min-width:0;
  border-color:var(--tool-line);
  background:var(--tool-surface-soft);
  color:var(--tool-muted);
}

/* Retouch and Text canvases scale visually; intrinsic coordinates never change. */
.image-beta.image-beta-experiment .beta-retouch-editor,
.image-beta.image-beta-experiment .beta-text-canvas-wrap {
  width:calc(100% - clamp(24px,4vw,56px));
  min-width:0;
  margin:auto;
}
.image-beta.image-beta-experiment .beta-retouch-editor {
  display:grid;
  height:100%;
  max-height:100%;
  grid-template-rows:minmax(0,1fr);
  align-items:center;
}
.image-beta.image-beta-experiment .beta-retouch-canvas-wrap {
  display:grid;
  min-width:0;
  min-height:0;
  height:100%;
  place-items:center;
  overflow:hidden;
  line-height:0;
}
.image-beta.image-beta-experiment #ip-display-image,
.image-beta.image-beta-experiment #txt-canvas {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:min(61dvh,620px);
  margin:auto;
  border:1px solid var(--tool-line)!important;
  border-radius:0!important;
  background:var(--tool-surface);
  box-shadow:none!important;
  object-fit:contain;
}
.image-beta.image-beta-experiment .beta-retouch-canvas-wrap #ip-display-image {
  max-height:100%;
}
.image-beta.image-beta-experiment .beta-tool-danger {
  border-color:#fecaca!important;
  background:var(--tool-surface)!important;
  color:#b91c1c!important;
}
.image-beta.image-beta-experiment .beta-tool-danger:hover {
  border-color:#ef4444!important;
  background:#fef2f2!important;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region {
  width:100%;
  max-width:100%;
  margin:0;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card {
  display:grid;
  width:100%;
  height:100%;
  min-height:0;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(0,1fr) auto;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > img {
  display:block;
  width:auto!important;
  max-width:100%;
  height:auto;
  max-height:100%;
  grid-column:1 / -1;
  grid-row:1;
  margin:auto!important;
  border-radius:0!important;
  object-fit:contain;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > .card-title,
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > div:last-child {
  min-height:50px;
  margin:0;
  padding:10px 18px;
  align-content:center;
  border:0;
  border-top:1px solid var(--tool-line);
  background:var(--tool-surface-soft);
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > .card-title {
  grid-column:1;
  grid-row:2;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > div:last-child {
  display:flex!important;
  grid-column:2;
  grid-row:2;
  align-items:center;
}
.image-beta.image-beta-experiment .beta-tool-stage .generated-result-region .btn {
  min-height:34px;
  padding:6px 12px;
  border-radius:999px!important;
}

/* Text controls remain in the rail; the canvas retains the full preview plane. */
.image-beta.image-beta-experiment .beta-text-style-row {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.image-beta.image-beta-experiment .beta-text-style-row > label {
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
  color:var(--tool-muted);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
}
.image-beta.image-beta-experiment .beta-tool-page input[type="checkbox"],
.image-beta.image-beta-experiment .beta-tool-page input[type="range"] { accent-color:#f97316; }
.image-beta.image-beta-experiment .beta-text-layer-actions {
  display:flex;
  gap:6px;
  margin-left:auto;
}
.image-beta.image-beta-experiment .beta-text-export-actions { justify-content:end; }
.image-beta.image-beta-experiment .beta-text-export-actions .btn { min-width:0; }
.image-beta.image-beta-experiment .beta-text-canvas-wrap {
  display:grid;
  height:100%;
  min-height:0;
  grid-template-rows:minmax(0,1fr) auto;
  align-items:center;
  text-align:center;
}
.image-beta.image-beta-experiment .beta-text-canvas-wrap canvas {
  max-height:100%;
  margin:0 auto;
}
.image-beta.image-beta-experiment .beta-text-canvas-wrap p {
  margin:8px 0 0!important;
  color:var(--tool-muted)!important;
}

/* Interaction language mirrors Advanced Generation. */
.image-beta.image-beta-experiment .beta-tool-page :is(button,.btn,input,select,canvas,a):focus-visible {
  outline:2px solid var(--focus,var(--tool-accent))!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 3px var(--tool-surface)!important;
}
.image-beta.image-beta-experiment .beta-tool-page :is(button,.btn,input,select)[disabled] {
  opacity:.48;
  cursor:not-allowed;
}
.image-beta.image-beta-experiment .beta-tool-page .btn:not([disabled]):hover { transform:none; }

/* Dark theme reuses the Advanced Generation palette. */
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-tool-page {
  --tool-surface:#262424;
  --tool-surface-soft:#2b2826;
  --tool-input:#2b2826;
  --tool-line:#45413e;
  --tool-line-strong:#51483f;
  --tool-text:#f0ebe4;
  --tool-muted:#b7ada5;
  --tool-faint:#928b84;
  --tool-accent:#ff843d;
  --tool-accent-soft:#342b26;
  --tool-accent-line:#76513a;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-expand-boundary-label {
  border-color:#76513a;
  background:#342b26;
  color:#ffd0b5;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-expand-boundary-label output {
  background:#ff843d;
  color:#211812;
}
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment .beta-image-preview-tile,
html[data-theme="dark"] body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-image-preview-tile {
  border-color:#514b47;
  background:
    radial-gradient(circle at 30% 20%,rgba(220,164,127,.09),transparent 55%),
    radial-gradient(circle at 80% 80%,rgba(145,170,162,.055),transparent 55%),
    #211f1e!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-tool-stage-status {
  border-color:#654733;
  background:#342b26;
  color:#f0b990;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-tool-control-card.card {
  box-shadow:0 18px 38px -30px rgba(0,0,0,.72)!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-tool-danger {
  border-color:#7f3b3b!important;
  background:#2c2927!important;
  color:#fca5a5!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .beta-tool-danger:hover {
  border-color:#ef4444!important;
  background:#3a2525!important;
}

/* Advanced Generation stacks the rail before the preview at constrained widths. */
@media (max-width:1120px) {
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active {
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace {
    display:flex!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-controls,
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-stage { width:100%; }
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-controls {
    height:auto!important;
    overflow:visible!important;
    scrollbar-gutter:auto;
  }
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-stage.beta-image-preview-tile {
    min-height:clamp(480px,68dvh,700px);
    margin:18px;
    width:calc(100% - 36px);
  }
  .image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder,
  .image-beta.image-beta-experiment .beta-tool-stage-body > .img-out,
  .image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card {
    min-height:clamp(480px,68dvh,700px);
  }
}
@media (max-width:760px) {
  .image-beta.image-beta-experiment .beta-tool-heading {
    padding:16px 16px 14px;
  }
  .image-beta.image-beta-experiment .beta-tool-heading h2 { font-size:32px; }
  .image-beta.image-beta-experiment .beta-tool-controls {
    padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;
  }
  html body.image-beta.image-beta-2.image-beta-experiment .beta-tool-page.panel.active > .beta-tool-workspace > .beta-tool-stage.beta-image-preview-tile {
    width:calc(100% - 32px);
    min-height:clamp(420px,62dvh,620px);
    margin:16px;
    border-radius:18px;
  }
  .image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder,
  .image-beta.image-beta-experiment .beta-tool-stage-body > .img-out,
  .image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card {
    min-height:clamp(420px,62dvh,620px);
  }
  .image-beta.image-beta-experiment .beta-tool-action-bar {
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .image-beta.image-beta-experiment .beta-tool-action-bar > span { max-width:none; }
  .image-beta.image-beta-experiment .beta-tool-action-bar .btn-primary,
  .image-beta.image-beta-experiment .beta-tool-page #fit-btn,
  .image-beta.image-beta-experiment .beta-tool-page #ip-btn {
    width:100%;
    min-width:0;
  }
  .image-beta.image-beta-experiment .beta-expand-source {
    width:100%;
    min-height:360px;
    padding:12px;
  }
  .image-beta.image-beta-experiment .beta-expand-canvas img { max-height:52dvh; }
  .image-beta.image-beta-experiment .beta-retouch-editor,
  .image-beta.image-beta-experiment .beta-text-canvas-wrap {
    width:calc(100% - 24px);
  }
  .image-beta.image-beta-experiment #ip-display-image,
  .image-beta.image-beta-experiment #txt-canvas { max-height:52dvh; }
  .image-beta.image-beta-experiment .beta-text-layer-actions {
    width:100%;
    margin-left:0;
  }
  .image-beta.image-beta-experiment .beta-text-layer-actions .btn { flex:1; }
  .image-beta.image-beta-experiment .beta-text-export-actions { grid-template-columns:1fr; }
  .image-beta.image-beta-experiment .beta-text-export-actions .btn { width:100%; }
  .image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card {
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto auto;
  }
  .image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > .card-title {
    grid-column:1;
    grid-row:2;
  }
  .image-beta.image-beta-experiment .beta-tool-stage .generated-result-region > .card > div:last-child {
    grid-column:1;
    grid-row:3;
    border-top:0;
  }
}
@media (max-width:460px) {
  .image-beta.image-beta-experiment .beta-tool-control-card .upload-pair { grid-template-columns:1fr; }
  .image-beta.image-beta-experiment .beta-tool-card-head { align-items:flex-start;flex-direction:column;gap:4px; }
  .image-beta.image-beta-experiment .beta-tool-card-head p { max-width:100%;text-align:left; }
  .image-beta.image-beta-experiment .beta-tool-stage-status {
    top:10px;
    right:10px;
    max-width:55%;
  }
  .image-beta.image-beta-experiment .beta-tool-stage-body > .preview-placeholder {
    padding:24px 18px 44px!important;
  }
}
@media (max-height:700px) and (min-width:1121px) {
  .image-beta.image-beta-experiment #ip-display-image,
  .image-beta.image-beta-experiment #txt-canvas { max-height:340px; }
}
@media (prefers-reduced-motion:reduce) {
  .image-beta.image-beta-experiment .beta-tool-page,
  .image-beta.image-beta-experiment .beta-tool-page * {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}

/* Guided image creation ----------------------------------------------------
   A standalone Generate mode that shares the production controls and state. */
.image-beta.image-beta-experiment #gen-mode-guided { width:100%;min-width:0; }
.image-beta.image-beta-experiment .image-wizard-shell {
  --guided-cta-gradient:linear-gradient(135deg,#FF7A1A,#FF1F5F);
  box-sizing:border-box;min-height:620px;border:1px solid #e8e2d9;border-radius:20px;background:#fff;
  box-shadow:0 18px 46px -42px rgba(24,24,27,.62);overflow:hidden;
}
.image-beta.image-beta-experiment .image-wizard-shell[hidden] { display:none!important; }
.image-beta.image-beta-experiment .image-wizard-header {
  padding:22px 26px 19px;border-bottom:1px solid #eee9e2;background:radial-gradient(circle at 4% 0%,rgba(249,115,22,.055),transparent 52%),#fff;
}
.image-beta.image-beta-experiment .image-wizard-kicker,
.image-beta.image-beta-experiment .image-wizard-step-count {
  display:block;margin:0 0 7px;color:#e65f16;font:800 9px/1 'Hanken Grotesk','Inter',sans-serif;letter-spacing:.11em;text-transform:uppercase;
}
.image-beta.image-beta-experiment .image-wizard-header h2,
.image-beta.image-beta-experiment .image-wizard-step-header h3 {
  margin:0;color:#18181b;font-family:'Newsreader','Inter',serif;font-weight:520;letter-spacing:-.025em;
}
.image-beta.image-beta-experiment .image-wizard-header h2 { font-size:25px;line-height:1.04; }
.image-beta.image-beta-experiment .image-wizard-header p {
  max-width:58ch;margin:6px 0 0;color:#817a74;font-size:11.5px;line-height:1.45;
}
.image-beta.image-beta-experiment .image-wizard-layout {
  display:grid;grid-template-columns:182px minmax(0,1fr);min-height:510px;
}
.image-beta.image-beta-experiment .image-wizard-progress {
  display:flex;flex-direction:column;gap:2px;padding:19px 14px;border-right:1px solid #eee9e2;background:#fbfaf7;
}
.image-beta.image-beta-experiment .image-wizard-progress button {
  display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:43px;padding:5px 7px;
  border:0;border-radius:10px;background:transparent;color:#837d77;text-align:left;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-progress button:not(:disabled):hover { background:#f4f1ec;color:#3f3b38; }
.image-beta.image-beta-experiment .image-wizard-progress button:disabled { cursor:default;opacity:.5; }
.image-beta.image-beta-experiment .image-wizard-progress button.is-current { background:#fff1e9;color:#c6490d; }
.image-beta.image-beta-experiment .image-wizard-progress button.is-complete { color:#494440; }
.image-beta.image-beta-experiment .image-wizard-progress button > i {
  display:grid;width:23px;height:23px;place-items:center;border:1px solid #ded8d0;border-radius:50%;background:#fff;color:#8e8780;
  font:800 9px/1 'Hanken Grotesk','Inter',sans-serif;font-style:normal;
}
.image-beta.image-beta-experiment .image-wizard-progress button.is-current > i { border-color:transparent;background:var(--guided-cta-gradient);color:#fff; }
.image-beta.image-beta-experiment .image-wizard-progress button.is-complete > i { border-color:#d9cec5;background:#f4f1ec;color:#776d65; }
.image-beta.image-beta-experiment .image-wizard-progress button > span { min-width:0; }
.image-beta.image-beta-experiment .image-wizard-progress b,
.image-beta.image-beta-experiment .image-wizard-progress small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.image-beta.image-beta-experiment .image-wizard-progress b { font-size:10.5px;line-height:1.2; }
.image-beta.image-beta-experiment .image-wizard-progress small { margin-top:2px;color:#aaa29b;font-size:8.5px;font-weight:600; }
.image-beta.image-beta-experiment .image-wizard-workspace {
  display:grid;min-width:0;grid-template-rows:auto minmax(250px,1fr) auto auto;padding:24px 26px 18px;
}
.image-beta.image-beta-experiment .image-wizard-step-header { padding-bottom:16px; }
.image-beta.image-beta-experiment .image-wizard-step-header h3 { font-size:28px;line-height:1.02; }
.image-beta.image-beta-experiment .image-wizard-step-header p { max-width:58ch;margin:7px 0 0;color:#77716b;font-size:11px;line-height:1.45; }
.image-beta.image-beta-experiment .image-wizard-step-content { min-width:0;min-height:0; }
.image-beta.image-beta-experiment .image-wizard-message { min-height:17px;margin:8px 0 0;color:#c2410c;font-size:10.5px;font-weight:700; }
.image-beta.image-beta-experiment .image-wizard-navigation {
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding-top:14px;border-top:1px solid #eee9e2;
}
.image-beta.image-beta-experiment .image-wizard-navigation-count { grid-column:2;justify-self:center;color:#a19a93;font-size:9.5px;font-weight:700; }
.image-beta.image-beta-experiment :is(.image-wizard-back,.image-wizard-continue,.image-wizard-secondary-action,.image-wizard-preview-action,.image-wizard-skip-action) {
  min-height:40px;padding:0 16px;border-radius:11px;font:760 11px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-back,
.image-beta.image-beta-experiment .image-wizard-secondary-action,
.image-beta.image-beta-experiment .image-wizard-skip-action {
  border:1px solid #ded8d0;background:#fff;color:#4d4844;
}
.image-beta.image-beta-experiment .image-wizard-back { grid-column:1;justify-self:start; }
.image-beta.image-beta-experiment .image-wizard-continue {
  grid-column:3;justify-self:end;border:1px solid transparent;background:var(--guided-cta-gradient);color:#fff;box-shadow:0 8px 18px -14px rgba(255,31,95,.72);
}
.image-beta.image-beta-experiment .image-wizard-continue.is-generate {
  border-color:transparent;background:var(--guided-cta-gradient);
}
.image-beta.image-beta-experiment :is(.image-wizard-back,.image-wizard-continue,.image-wizard-secondary-action,.image-wizard-preview-action,.image-wizard-skip-action):disabled {
  opacity:.45;cursor:not-allowed;
}
.image-beta.image-beta-experiment .image-wizard-choice-grid {
  display:grid;gap:10px;max-height:330px;padding:1px 4px 4px 1px;overflow:auto;scrollbar-color:#dcd5cc transparent;
}
.image-beta.image-beta-experiment .image-wizard-style-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.image-beta.image-beta-experiment .image-wizard-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.image-beta.image-beta-experiment .image-wizard-size-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.image-beta.image-beta-experiment .image-wizard-platform-step { display:grid;gap:20px; }
.image-beta.image-beta-experiment .image-wizard-platform-group { display:grid;gap:9px; }
.image-beta.image-beta-experiment .image-wizard-platform-group h4 { margin:0;color:#625c57;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.image-beta.image-beta-experiment .image-wizard-platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.image-beta.image-beta-experiment .image-wizard-choice {
  position:relative;display:flex;min-width:0;min-height:68px;align-items:center;gap:11px;padding:11px 36px 11px 12px;
  border:1px solid #e5dfd7;border-radius:13px;background:#fff;color:#282522;text-align:left;cursor:pointer;overflow:hidden;
}
.image-beta.image-beta-experiment .image-wizard-choice:hover { border-color:#d5cbc2;background:#fbfaf7; }
.image-beta.image-beta-experiment .image-wizard-choice[aria-pressed="true"] { border-color:#f19a6b;background:#fff7f0;box-shadow:0 0 0 2px rgba(249,115,22,.08); }
.image-beta.image-beta-experiment .image-wizard-choice > img {
  width:58px;height:48px;flex:0 0 58px;border-radius:8px;background:#f4f1ec;object-fit:cover;
}
.image-beta.image-beta-experiment .image-wizard-choice > span { min-width:0; }
.image-beta.image-beta-experiment .image-wizard-choice strong,
.image-beta.image-beta-experiment .image-wizard-choice small { display:block; }
.image-beta.image-beta-experiment .image-wizard-choice strong { font-size:11px;line-height:1.2; }
.image-beta.image-beta-experiment .image-wizard-choice small {
  display:-webkit-box;margin-top:4px;overflow:hidden;color:#8c857e;font-size:8.5px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.image-beta.image-beta-experiment .image-wizard-choice > i {
  position:absolute;top:10px;right:10px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #ddd6ce;border-radius:50%;
  background:#fff;color:transparent;font:800 9px/1 'Hanken Grotesk','Inter',sans-serif;font-style:normal;
}
.image-beta.image-beta-experiment .image-wizard-choice[aria-pressed="true"] > i { border-color:#f97316;background:#f97316;color:#fff; }
.image-beta.image-beta-experiment .image-wizard-size-choice { min-height:80px;flex-direction:column;justify-content:center;padding:12px 28px 10px 10px;text-align:center; }
.image-beta.image-beta-experiment .image-wizard-size-choice > .beta-ratio-shape { flex:none; }
.image-beta.image-beta-experiment .image-wizard-reference-step { display:grid;gap:14px; }
.image-beta.image-beta-experiment .image-wizard-reference-native {
  position:relative!important;box-sizing:border-box!important;width:min(100%,340px)!important;height:190px!important;min-height:190px!important;
  justify-self:start!important;overflow:hidden!important;border:1px solid #eceae4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(24,24,27,.04)!important;
}
.image-beta.image-beta-experiment .image-wizard-reference-native:hover { border-color:#f0b08e!important;background:#fffaf7!important; }
.image-beta.image-beta-experiment .image-wizard-reference-preview {
  display:flex;min-height:210px;align-items:center;justify-content:center;gap:10px;padding:18px;border:1.5px dashed #dcd4ca;border-radius:15px;background:#fbfaf7;color:#8c857e;text-align:center;overflow-x:auto;
}
.image-beta.image-beta-experiment .image-wizard-reference-preview:not(.has-selection) { flex-direction:column; }
.image-beta.image-beta-experiment .image-wizard-reference-preview:not(.has-selection) > span {
  display:grid;width:42px;height:42px;place-items:center;border:1px solid #ded6cd;border-radius:13px;background:#fff;color:#e65f16;font-size:24px;font-weight:300;
}
.image-beta.image-beta-experiment .image-wizard-reference-preview > strong { color:#403b37;font-size:12px; }
.image-beta.image-beta-experiment .image-wizard-reference-preview > small { max-width:42ch;font-size:9.5px;line-height:1.4; }
.image-beta.image-beta-experiment .image-wizard-reference-preview figure {
  display:grid;width:min(132px,30%);min-width:0;gap:7px;margin:0;
}
.image-beta.image-beta-experiment .image-wizard-reference-preview img {
  display:block;width:100%;aspect-ratio:1/1;border:1px solid #e2dcd4;border-radius:13px;background:#fff;object-fit:contain;
}
.image-beta.image-beta-experiment .image-wizard-reference-preview figcaption { overflow:hidden;color:#6f6862;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.image-beta.image-beta-experiment .image-wizard-reference-actions { display:flex;align-items:center;gap:12px; }
.image-beta.image-beta-experiment .image-wizard-reference-actions > span { color:#9b948d;font-size:9.5px; }
.image-beta.image-beta-experiment .image-wizard-prompt-field,
.image-beta.image-beta-experiment .image-wizard-optimize label { display:grid;gap:8px; }
.image-beta.image-beta-experiment .image-wizard-prompt-field > span,
.image-beta.image-beta-experiment .image-wizard-optimize label > span { color:#4c4743;font-size:10px;font-weight:750; }
.image-beta.image-beta-experiment :is(.image-wizard-prompt-field,.image-wizard-optimize label) textarea {
  box-sizing:border-box;width:100%;min-height:210px;padding:15px;border:1px solid #ddd6ce;border-radius:14px;background:#fbfaf7;color:#211f1d;
  font:500 12px/1.55 'Hanken Grotesk','Inter',sans-serif;resize:none;outline:none;
}
.image-beta.image-beta-experiment :is(.image-wizard-prompt-field,.image-wizard-optimize label) textarea:focus {
  border-color:#f08a52;box-shadow:0 0 0 3px rgba(249,115,22,.09);
}
.image-beta.image-beta-experiment .image-wizard-optimize { display:grid;gap:14px; }
.image-beta.image-beta-experiment .image-wizard-optimize-intro {
  display:grid;min-height:190px;place-items:center;align-content:center;gap:7px;border:1.5px dashed #e1d8ce;border-radius:15px;background:radial-gradient(circle at 50% 20%,rgba(249,115,22,.08),transparent 58%),#fbfaf7;text-align:center;
}
.image-beta.image-beta-experiment .image-wizard-optimize-intro > span { color:#f97316;font-size:28px; }
.image-beta.image-beta-experiment .image-wizard-optimize-intro strong { color:#302c29;font:520 20px/1.1 'Newsreader','Inter',serif; }
.image-beta.image-beta-experiment .image-wizard-optimize-intro p { max-width:46ch;margin:0;color:#857e78;font-size:10px;line-height:1.45; }
.image-beta.image-beta-experiment .image-wizard-optimize-actions { display:flex;align-items:center;gap:9px; }
.image-beta.image-beta-experiment .image-wizard-preview-action { border:1px solid #f0a57c;background:#fff7f0;color:#c2410c; }
.image-beta.image-beta-experiment .image-wizard-review { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px; }
.image-beta.image-beta-experiment .image-wizard-review-notice {
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;margin:0 0 15px;padding:12px 14px;border:1px solid #e8dfd6;border-radius:13px;background:#fff;color:#6f665f;
}
.image-beta.image-beta-experiment .image-wizard-review-notice > span {
  display:grid;width:26px;height:26px;place-items:center;border:1px solid #ead8cc;border-radius:50%;color:#df5b19;font-size:13px;font-weight:800;
}
.image-beta.image-beta-experiment .image-wizard-review-notice strong { display:block;color:#3f3934;font-size:10.5px; }
.image-beta.image-beta-experiment .image-wizard-review-notice p { margin:3px 0 0;font-size:9.5px;line-height:1.45; }
.image-beta.image-beta-experiment .image-wizard-review-row {
  display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:50px;padding:8px 0;
  border:0;border-bottom:1px solid #eee9e2;background:transparent;color:#292623;text-align:left;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-review-row > span { color:#938b84;font-size:9px;font-weight:700; }
.image-beta.image-beta-experiment .image-wizard-review-row > strong { overflow:hidden;font-size:10.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap; }
.image-beta.image-beta-experiment .image-wizard-review-row > small { color:#d65314;font-size:9px;font-weight:750; }

html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress { border-color:#45413e;background:#2b2826; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-shell,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-header,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-choice { border-color:#45413e;background:#262424;color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-header,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-header h2,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-step-header h3 { color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-layout,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-navigation { border-color:#45413e; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-reference-preview,
html[data-theme="dark"] .image-beta.image-beta-experiment :is(.image-wizard-prompt-field,.image-wizard-optimize label) textarea,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-optimize-intro { border-color:#51483f;background:#2b2826;color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-review-row { border-color:#45413e;color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-review-notice { border-color:#45413e;background:#2b2826;color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-review-notice > span { border-color:#625c57;color:#efb087; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-review-notice strong { color:#f0ebe4; }

@media (max-width:960px) {
  .image-beta.image-beta-experiment .image-wizard-layout { grid-template-columns:150px minmax(0,1fr); }
  .image-beta.image-beta-experiment .image-wizard-progress { padding-inline:9px; }
  .image-beta.image-beta-experiment .image-wizard-workspace { padding-inline:20px; }
  .image-beta.image-beta-experiment .image-wizard-style-grid,
  .image-beta.image-beta-experiment .image-wizard-model-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .image-beta.image-beta-experiment .image-wizard-shell { min-height:0;border-radius:17px; }
  .image-beta.image-beta-experiment .image-wizard-header { padding:19px 18px 16px; }
  .image-beta.image-beta-experiment .image-wizard-header h2 { font-size:23px; }
  .image-beta.image-beta-experiment .image-wizard-layout { display:block;min-height:0; }
  .image-beta.image-beta-experiment .image-wizard-progress {
    display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:12px 14px;border-right:0;border-bottom:1px solid #eee9e2;overflow:hidden;
  }
  .image-beta.image-beta-experiment .image-wizard-progress button { display:block;min-height:4px;padding:0;border-radius:999px;background:#e7e0d8; }
  .image-beta.image-beta-experiment .image-wizard-progress button:is(.is-current,.is-complete) { background:#f97316; }
  .image-beta.image-beta-experiment .image-wizard-progress button > * { display:none; }
  .image-beta.image-beta-experiment .image-wizard-workspace { display:grid;min-height:520px;padding:20px 17px 16px; }
  .image-beta.image-beta-experiment .image-wizard-step-header h3 { font-size:26px; }
  .image-beta.image-beta-experiment .image-wizard-choice-grid { max-height:340px; }
  .image-beta.image-beta-experiment .image-wizard-size-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .image-beta.image-beta-experiment .image-wizard-platform-grid { grid-template-columns:1fr; }
  .image-beta.image-beta-experiment .image-wizard-review { grid-template-columns:1fr; }
  .image-beta.image-beta-experiment .image-wizard-reference-preview { min-height:230px; }
  .image-beta.image-beta-experiment .image-wizard-reference-preview figure { width:min(128px,44%); }
}
@media (max-width:460px) {
  .image-beta.image-beta-experiment .image-wizard-style-grid,
  .image-beta.image-beta-experiment .image-wizard-model-grid { grid-template-columns:1fr; }
  .image-beta.image-beta-experiment .image-wizard-navigation { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .image-beta.image-beta-experiment .image-wizard-navigation-count { font-size:9px; }
  .image-beta.image-beta-experiment :is(.image-wizard-back,.image-wizard-continue) { min-width:0;padding-inline:13px; }
  .image-beta.image-beta-experiment .image-wizard-optimize-actions { align-items:stretch;flex-direction:column; }
  .image-beta.image-beta-experiment .image-wizard-reference-actions { align-items:flex-start;flex-direction:column; }
}

/* Guided creation workspace — large, focused three-region composition. */
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] > .split {
  display:block!important;width:100%!important;max-width:none!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .split-left {
  width:100%!important;max-width:none!important;overflow:visible!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] > .split > .split-right {
  display:none!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell {
  position:relative;isolation:isolate;min-height:626px;border-color:#e9e4dc;border-radius:22px;background:#fff;
  box-shadow:0 24px 70px -58px rgba(38,31,26,.7);overflow:visible;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-header {
  padding:24px 30px 21px;background:#fff;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-header h2 { font-size:30px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-header p { font-size:12px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-layout {
  display:grid;grid-template-columns:218px minmax(0,1fr);min-height:626px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress {
  gap:5px;padding:26px 20px;border-right:1px solid #ece7df;background:#faf9f6;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress button {
  grid-template-columns:32px minmax(0,1fr);gap:11px;min-height:56px;padding:7px 9px;border-radius:12px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress button > i {
  width:29px;height:29px;font-size:10px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress b { font-size:14px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress small { margin-top:4px;font-size:11px; }
.image-beta.image-beta-experiment .image-wizard-selection-stage {
  display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 286px;
}
.image-beta.image-beta-experiment .image-wizard-shell[data-view="generating"] .image-wizard-selection-stage,
.image-beta.image-beta-experiment .image-wizard-shell[data-view="complete"] .image-wizard-selection-stage { display:none; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-workspace {
  min-height:626px;grid-template-rows:auto minmax(360px,1fr) auto auto;padding:34px 36px 24px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-step-header { padding-bottom:22px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-step-header h3 { font-size:36px;line-height:1; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-step-header p {
  max-width:62ch;margin-top:10px;font-size:14px;line-height:1.5;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-step-count { margin-bottom:10px;font-size:11px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-navigation { padding-top:18px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-navigation {
  position:sticky;z-index:8;bottom:0;padding-bottom:12px;background:rgba(255,255,255,.96);
  box-shadow:0 -12px 28px -28px rgba(31,25,21,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-navigation {
  background:rgba(38,36,36,.96);
}
/* The guided rules above carry an id, so they out-specify the shared dark
   theme block and the whole wizard stayed on a white shell in dark mode.
   These restate the same surfaces at guided specificity. */
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell {
  border-color:#45413e;background:#262424;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-header {
  background:#262424;
}
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress {
  border-right-color:#45413e;background:#2b2826;
}
/* The step rail's own states never had a dark variant at all. */
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress button:not(:disabled):hover {
  background:#332f2d;color:#f0ebe4;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress button.is-current {
  background:#3a2b22;color:#f0a26b;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress button.is-complete { color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress button > i {
  border-color:#51483f;background:#2b2826;color:#a89f97;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-progress button.is-complete > i {
  border-color:#51483f;background:#332f2d;color:#c7bfb6;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-choice > img { background:#332f2d; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-choice > i {
  border-color:#51483f;background:#2b2826;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-reference-native {
  border-color:#45413e!important;background:#262424!important;
}
html[data-theme="dark"] .image-beta.image-beta-experiment :is(.image-wizard-back,.image-wizard-secondary-action,.image-wizard-skip-action) {
  border-color:#51483f;background:#2b2826;color:#f0ebe4;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-platform-group h4,
html[data-theme="dark"] .image-beta.image-beta-experiment :is(.image-wizard-prompt-field,.image-wizard-optimize label) > span,
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field > span {
  color:#a89f97;
}
/* The guided prompt field forces white with !important, so match it. */
html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field textarea {
  border-color:#51483f;background:#2b2826!important;color:#f0ebe4;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] :is(.image-wizard-back,.image-wizard-continue,.image-wizard-secondary-action,.image-wizard-preview-action,.image-wizard-skip-action) {
  min-height:46px;padding-inline:20px;border-radius:12px;font-size:14px;
}
.image-beta.image-beta-experiment .image-wizard-summary {
  display:flex;min-width:0;flex-direction:column;padding:34px 24px 26px;border-left:1px solid #ece7df;background:#fbfaf7;
}
.image-beta.image-beta-experiment .image-wizard-summary > header > span {
  display:block;margin-bottom:8px;color:#e65f16;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.image-beta.image-beta-experiment .image-wizard-summary > header h3 {
  margin:0;color:#292522;font:520 23px/1.08 'Newsreader','Inter',serif;letter-spacing:-.02em;
}
.image-beta.image-beta-experiment .image-wizard-summary-list { display:grid;margin-top:25px; }
.image-beta.image-beta-experiment .image-wizard-summary-row {
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:12px 0;
  border:0;border-bottom:1px solid #ece7df;background:transparent;color:#342f2b;text-align:left;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-summary-row:hover .image-wizard-summary-edit { opacity:1; }
.image-beta.image-beta-experiment .image-wizard-summary-mark {
  display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border:1px solid #e0dad2;border-radius:11px;background:#fff;color:#a39b94;font-size:11px;
}
.image-beta.image-beta-experiment .image-wizard-summary-row.has-value .image-wizard-summary-mark { color:#d95618; }
.image-beta.image-beta-experiment .image-wizard-summary-mark img { width:100%;height:100%;object-fit:cover; }
.image-beta.image-beta-experiment .image-wizard-summary-copy { min-width:0; }
.image-beta.image-beta-experiment .image-wizard-summary-copy small,
.image-beta.image-beta-experiment .image-wizard-summary-copy strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.image-beta.image-beta-experiment .image-wizard-summary-copy small { color:#989089;font-size:11px;font-weight:700; }
.image-beta.image-beta-experiment .image-wizard-summary-copy strong { margin-top:3px;font-size:13px;font-weight:700; }
.image-beta.image-beta-experiment .image-wizard-summary-edit { color:#d95618;font-size:11px;font-weight:800;opacity:0;transition:opacity .16s ease; }
.image-beta.image-beta-experiment .image-wizard-tip {
  display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;margin-top:auto;padding-top:24px;color:#77706a;
}
.image-beta.image-beta-experiment .image-wizard-tip > span { color:#e65f16;font-size:18px; }
.image-beta.image-beta-experiment .image-wizard-tip p { margin:0;font-size:12px;line-height:1.5; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-choice strong { font-size:13px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-choice small { font-size:10.5px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-platform-group h4,
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field > span { font-size:12px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library {
  box-sizing:border-box;top:0;right:0;bottom:auto;left:0;width:100%;height:min(680px,calc(100dvh - 118px));
  min-height:min(480px,calc(100dvh - 118px));max-height:calc(100dvh - 118px);padding:26px 30px 22px;border-radius:22px;
  box-shadow:0 26px 70px -42px rgba(40,31,25,.54);
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-head {
  padding-bottom:12px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-grid {
  padding:14px 2px 18px;-webkit-mask-image:none;mask-image:none;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-flow {
  display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(148px,176px));gap:14px;align-content:start;justify-content:start;columns:auto!important;
}
html[data-theme="light"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-item {
  display:grid;width:100%;margin:0;border-radius:14px;background:#fff!important;
}
html[data-theme="light"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-item img {
  box-sizing:border-box;width:100%;height:auto;aspect-ratio:1/1;padding:7px;background:#fff!important;object-fit:contain;
}
html[data-theme="light"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-item small {
  background:#fff!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-footer {
  gap:14px;padding-top:14px;background:transparent;
}
html[data-theme="light"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library :is(.beta-reference-library-close,.beta-reference-library-clear) {
  border:1px solid #ded8d0!important;background:#fff!important;color:#4b4540!important;box-shadow:0 8px 20px -18px rgba(38,31,26,.48)!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-upload {
  min-width:146px!important;min-height:44px!important;justify-content:center!important;padding:0 20px!important;border:0!important;background:var(--guided-cta-gradient)!important;
  color:#fff!important;box-shadow:0 13px 26px -18px rgba(244,63,94,.74)!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-upload:hover {
  background:var(--guided-cta-gradient)!important;color:#fff!important;filter:saturate(1.05) brightness(1.03);
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-footer.has-selection .beta-reference-library-upload {
  border:1px solid #ded8d0!important;background:#fff!important;color:#4b4540!important;box-shadow:none!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-use {
  min-width:146px;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--guided-cta-gradient);color:#fff;
  font:760 11px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;box-shadow:0 13px 26px -18px rgba(244,63,94,.74);
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-use[hidden] { display:none!important; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-upload-icon {
  display:none!important;
}
.image-beta.image-beta-experiment .image-wizard-style-stage {
  display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,520px);gap:22px;align-items:stretch;justify-content:center;
}
.image-beta.image-beta-experiment .image-wizard-style-preview {
  position:relative;display:grid;grid-column:2;grid-row:1;width:100%;min-width:0;min-height:0;aspect-ratio:1/1;place-items:center;margin:0;overflow:hidden;
  border:1px solid #e5ded5;border-radius:18px;background:#f4f1ec;
}
.image-beta.image-beta-experiment .image-wizard-style-preview > img {
  display:block;width:100%;height:100%;object-fit:cover;
}
.image-beta.image-beta-experiment .image-wizard-style-preview > div { display:grid;place-items:center;gap:8px;color:#8e867f; }
.image-beta.image-beta-experiment .image-wizard-style-preview > div > span { color:#e65f16;font-size:28px; }
.image-beta.image-beta-experiment .image-wizard-style-preview figcaption {
  position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 17px 14px;
  background:linear-gradient(transparent,rgba(20,16,13,.72));color:#fff;
}
.image-beta.image-beta-experiment .image-wizard-style-preview figcaption span { font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase; }
.image-beta.image-beta-experiment .image-wizard-style-preview figcaption strong { font-size:13px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-grid {
  display:grid;grid-column:1;grid-row:1;grid-template-columns:1fr;grid-auto-rows:minmax(94px,auto);align-content:start;min-width:0;height:100%;min-height:0;max-height:520px;contain:size;
  gap:10px;padding:1px 5px 1px 1px;overflow-x:hidden;overflow-y:auto;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-choice {
  width:100%;min-width:0;min-height:94px;padding:9px 34px 9px 10px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-choice > img {
  width:104px;height:76px;flex-basis:104px;object-fit:cover;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-model-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:12px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-model-choice { min-height:86px;padding:16px 42px 16px 16px; }
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-reference-native {
  width:min(100%,520px)!important;height:290px!important;min-height:290px!important;border-radius:18px!important;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] :is(.image-wizard-prompt-field,.image-wizard-optimize label) textarea {
  padding:18px;border-radius:15px;font-size:14px;line-height:1.55;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field {
  align-content:start;align-self:start;gap:10px;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field > span {
  color:#5f5751;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field textarea {
  height:176px;min-height:176px;max-height:260px;padding:20px 22px;border-color:#ded7ce;border-radius:18px;background:#fff!important;background-image:none!important;
  box-shadow:0 14px 34px -30px rgba(39,31,26,.62);resize:none;transition:border-color .16s ease,box-shadow .16s ease;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field textarea::placeholder {
  color:#aaa198;opacity:1;
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-prompt-field textarea:focus {
  border-color:#ff6a2e;box-shadow:0 0 0 3px rgba(255,90,45,.1),0 18px 36px -30px rgba(255,31,95,.48);
}
.image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-optimize-intro { min-height:270px; }
.image-beta.image-beta-experiment .image-wizard-output-stage {
  display:grid;min-width:0;min-height:626px;grid-template-rows:auto minmax(440px,1fr) auto auto;gap:22px;padding:34px 38px 28px;
}
.image-beta.image-beta-experiment .image-wizard-output-stage[hidden] { display:none!important; }
.image-beta.image-beta-experiment .image-wizard-output-heading { text-align:center; }
.image-beta.image-beta-experiment .image-wizard-output-kicker {
  color:#e65f16;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.image-beta.image-beta-experiment .image-wizard-output-heading h3 {
  margin:8px 0 0;color:#211e1b;font:520 37px/1 'Newsreader','Inter',serif;letter-spacing:-.025em;
}
.image-beta.image-beta-experiment .image-wizard-output-heading p { margin:9px 0 0;color:#7f7770;font-size:12px; }
.image-beta.image-beta-experiment .image-wizard-output-canvas {
  position:relative;display:grid;min-height:440px;place-items:center;overflow:hidden;border:1px solid #e6e0d8;border-radius:20px;background:#f3f0eb;
}
.image-beta.image-beta-experiment .image-wizard-generating { display:grid;place-items:center;gap:13px;text-align:center; }
.image-beta.image-beta-experiment .image-wizard-generating[hidden] { display:none; }
.image-beta.image-beta-experiment .image-wizard-generating strong { color:#312c28;font:520 24px/1.1 'Newsreader','Inter',serif; }
.image-beta.image-beta-experiment .image-wizard-generating small { color:#918981;font-size:10px; }
.image-beta.image-beta-experiment .image-wizard-generation-orbit {
  position:relative;display:block;width:72px;height:72px;margin-bottom:5px;border:1px solid #ead9cc;border-radius:50%;animation:image-wizard-breathe 2.2s ease-in-out infinite;
}
.image-beta.image-beta-experiment .image-wizard-generation-orbit::before {
  content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#e65f16;font-size:25px;
}
.image-beta.image-beta-experiment .image-wizard-generation-orbit i { position:absolute;width:7px;height:7px;border-radius:50%;background:#f97316; }
.image-beta.image-beta-experiment .image-wizard-generation-orbit i:nth-child(1) { top:5px;left:12px; }
.image-beta.image-beta-experiment .image-wizard-generation-orbit i:nth-child(2) { top:18px;right:5px;background:#f43f5e; }
.image-beta.image-beta-experiment .image-wizard-generation-orbit i:nth-child(3) { right:16px;bottom:5px;background:#ec4899; }
@keyframes image-wizard-breathe { 50% { transform:scale(1.06) rotate(4deg);box-shadow:0 0 0 12px rgba(249,115,22,.055); } }
.image-beta.image-beta-experiment .image-wizard-result-image {
  display:block;width:100%;height:100%;max-height:580px;object-fit:contain;animation:image-wizard-result-in .42s cubic-bezier(.22,1,.36,1) both;
}
.image-beta.image-beta-experiment .image-wizard-shell[data-view="complete"] .image-wizard-output-canvas {
  display:flex;width:100%;min-height:0;align-items:center;justify-content:center;overflow:visible;border:0;background:transparent;
}
.image-beta.image-beta-experiment .image-wizard-shell[data-view="complete"] .image-wizard-result-image {
  width:auto;height:auto;max-width:100%;max-height:580px;
}
.image-beta.image-beta-experiment .image-wizard-result-image[hidden] { display:none; }
@keyframes image-wizard-result-in { from { opacity:0;transform:scale(.985); } to { opacity:1;transform:none; } }
.image-beta.image-beta-experiment .image-wizard-result-actions { display:flex;align-items:center;justify-content:center;gap:10px; }
.image-beta.image-beta-experiment .image-wizard-result-actions[hidden] { display:none; }
.image-beta.image-beta-experiment .image-wizard-result-actions :is(a,button) {
  display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:0 20px;border:1px solid #ddd6ce;border-radius:12px;background:#fff;color:#3f3934;
  font:750 11.5px/1 'Hanken Grotesk','Inter',sans-serif;text-decoration:none;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-result-actions .image-wizard-download {
  border-color:transparent;background:var(--guided-cta-gradient);color:#fff;
}
.image-beta.image-beta-experiment .image-wizard-result-actions .image-wizard-create-new { border-color:transparent;background:transparent;color:#c54b13; }

/* Describe-a-change editing, on the finished image, without leaving the wizard. */
.image-beta.image-beta-experiment .image-wizard-edit {
  display:grid;gap:12px;max-width:680px;margin:0 auto;padding:18px 20px;border:1px solid #e6e0d8;border-radius:18px;background:#fbf9f6;
}
.image-beta.image-beta-experiment .image-wizard-edit[hidden] { display:none; }
.image-beta.image-beta-experiment .image-wizard-edit > header { display:flex;align-items:flex-start;gap:11px; }
.image-beta.image-beta-experiment .image-wizard-edit > header > span {
  display:grid;width:26px;height:26px;flex:none;place-items:center;border:1px solid #ead9cc;border-radius:9px;color:#e65f16;font-size:12px;
}
.image-beta.image-beta-experiment .image-wizard-edit > header strong { color:#312c28;font:600 14px/1.25 'Hanken Grotesk','Inter',sans-serif; }
.image-beta.image-beta-experiment .image-wizard-edit > header p { margin:3px 0 0;color:#7f7770;font-size:11.5px;line-height:1.45; }
.image-beta.image-beta-experiment .image-wizard-edit-field { display:grid;gap:6px; }
.image-beta.image-beta-experiment .image-wizard-edit-field > span {
  color:#8a817a;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.image-beta.image-beta-experiment .image-wizard-edit-input {
  width:100%;min-height:60px;padding:11px 13px;border:1px solid #e0d9d1;border-radius:12px;background:#fff;color:#2f2b28;
  font:400 13px/1.5 'Hanken Grotesk','Inter',sans-serif;resize:vertical;
}
.image-beta.image-beta-experiment .image-wizard-edit-input:focus {
  border-color:#ff6a2e;box-shadow:0 0 0 3px rgba(255,90,45,.1);
}
.image-beta.image-beta-experiment .image-wizard-edit-input:disabled { opacity:.6; }
.image-beta.image-beta-experiment .image-wizard-edit-message:empty { display:none; }
.image-beta.image-beta-experiment .image-wizard-edit-message { margin:0;color:#8a817a;font-size:11.5px; }
.image-beta.image-beta-experiment .image-wizard-edit > footer { display:flex;justify-content:flex-end; }
.image-beta.image-beta-experiment .image-wizard-edit-apply {
  display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:1px solid #ddd6ce;border-radius:12px;background:#fff;color:#3f3934;
  font:750 11.5px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-edit-apply:disabled { cursor:progress;opacity:.68; }

/* Creator identity reference, Advanced mode. The settings column is ~230px, so
   this borrows the Logo control's shape rather than a grid of image cards. */
.image-beta.image-beta-experiment .gen-creator-row {
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0;margin-top:4px;
}
.image-beta.image-beta-experiment .gen-creator-row > .compose-label { flex:none;margin:0; }
.image-beta.image-beta-experiment .gen-creator-row > .asset-pick { flex:0 1 240px;min-width:0; }
.image-beta.image-beta-experiment .gen-creator-views { display:flex;gap:5px;flex-wrap:wrap;min-width:0; }
.image-beta.image-beta-experiment .gen-creator-views[hidden] { display:none; }
.image-beta.image-beta-experiment .gen-creator-view {
  flex:none;padding:5px 10px;border:1px solid #e3dcd4;border-radius:999px;background:#fff;color:#5f5751;
  font:700 10px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.image-beta.image-beta-experiment .gen-creator-view.is-selected { border-color:#f97316;background:#fff7f0;color:#c2410c; }
html[data-theme="dark"] .image-beta.image-beta-experiment .gen-creator-view {
  border-color:#45413e;background:#262424;color:#c7bfb6;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .gen-creator-view.is-selected {
  border-color:#f97316;background:#2f2724;color:#f0a26b;
}

/* Style is optional, so it needs a reachable "none" and a hint saying so. */
.image-beta.image-beta-experiment .image-wizard-step-optional {
  margin:12px 0 0;color:#8a817a;font-size:11px;
}
.image-beta.image-beta-experiment .image-wizard-style-choice.image-wizard-style-none {
  align-items:center;min-height:58px;
}
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-step-optional { color:#a89f97; }

/* Free way back to a finished image after stepping into the setup. */
.image-beta.image-beta-experiment .image-wizard-resume-result {
  justify-self:start;padding:7px 13px;border:1px solid #ead9cc;border-radius:999px;background:#fff7f0;color:#c2410c;
  font:750 10px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.image-beta.image-beta-experiment .image-wizard-resume-result[hidden] { display:none; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-resume-result {
  border-color:#625c57;background:#2f2724;color:#f0a26b;
}

/* Retouch version chain: every edit is a step you can walk back to for free. */
.image-beta.image-beta-experiment .ip-versions {
  display:flex;gap:8px;margin-top:14px;padding-top:14px;overflow-x:auto;border-top:1px solid #ece6df;
}
.image-beta.image-beta-experiment .ip-versions[hidden] { display:none; }
.image-beta.image-beta-experiment .ip-version {
  display:grid;flex:none;justify-items:center;gap:5px;padding:6px;border:1px solid #e3dcd4;border-radius:11px;background:#fff;
  color:#7f7770;font:700 9px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.image-beta.image-beta-experiment .ip-version img {
  width:46px;height:46px;border-radius:7px;object-fit:cover;background:#f3f0eb;
}
.image-beta.image-beta-experiment .ip-version.is-current { border-color:#f97316;background:#fff7f0;color:#c2410c; }
html[data-theme="dark"] .image-beta.image-beta-experiment .ip-versions { border-color:#45413e; }
html[data-theme="dark"] .image-beta.image-beta-experiment .ip-version { border-color:#45413e;background:#262424;color:#c7bfb6; }
html[data-theme="dark"] .image-beta.image-beta-experiment .ip-version.is-current { border-color:#f97316;background:#2f2724;color:#f0a26b; }

html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-summary { border-color:#45413e;background:#211f1e; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-summary > header h3,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-summary-copy strong,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-output-heading h3,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-generating strong { color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-summary-row,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-style-preview,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-output-canvas { border-color:#45413e;background:#211f1e; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-summary-mark { border-color:#45413e;background:#302e2d; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-edit { border-color:#45413e;background:#211f1e; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-edit > header strong { color:#f0ebe4; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-edit > header > span { border-color:#625c57; }
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-edit-input,
html[data-theme="dark"] .image-beta.image-beta-experiment .image-wizard-edit-apply { border-color:#51483f;background:#2b2826;color:#f0ebe4; }

@media (max-width:1180px) {
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-layout { grid-template-columns:188px minmax(0,1fr); }
  .image-beta.image-beta-experiment .image-wizard-selection-stage { grid-template-columns:minmax(0,1fr) 246px; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-workspace { padding-inline:26px; }
  .image-beta.image-beta-experiment .image-wizard-summary { padding-inline:18px; }
}
@media (max-width:1050px) {
  .image-beta.image-beta-experiment .image-wizard-style-stage { grid-template-columns:minmax(150px,.65fr) minmax(0,440px);gap:18px; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-choice > img {
    width:78px;height:68px;flex-basis:78px;
  }
}
@media (max-width:1120px) {
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] > .split {
    overflow:visible!important;
  }
}
@media (max-width:960px) {
  .image-beta.image-beta-experiment .image-wizard-selection-stage { display:block; }
  .image-beta.image-beta-experiment .image-wizard-summary { border-top:1px solid #ece7df;border-left:0; }
  .image-beta.image-beta-experiment .image-wizard-summary-list { grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px; }
  .image-beta.image-beta-experiment .image-wizard-tip { margin-top:22px; }
}
@media (max-width:760px) {
  .image-beta.image-beta-experiment .app-workspace {
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell { overflow:visible; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-layout { display:block; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress {
    display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:12px 14px;border-right:0;border-bottom:1px solid #eee9e2;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress button { display:block;min-height:5px;padding:0; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-progress button > * { display:none; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library {
    height:calc(100dvh - 92px);min-height:0;max-height:calc(100dvh - 92px);padding:20px 18px 16px;border-radius:16px;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-shell > .beta-reference-library .beta-reference-library-flow {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-workspace { min-height:610px;padding:25px 18px 18px; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-step-header h3 { font-size:31px; }
  .image-beta.image-beta-experiment .image-wizard-style-stage { display:flex;flex-direction:column; }
  .image-beta.image-beta-experiment .image-wizard-style-preview { order:1;width:min(100%,440px);height:auto;aspect-ratio:1/1;align-self:center; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-grid {
    order:2;display:flex;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;contain:none;
  }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-style-choice {
    width:210px;min-width:210px;
  }
  .image-beta.image-beta-experiment .image-wizard-summary { display:none; }
  .image-beta.image-beta-experiment .image-wizard-output-stage { min-height:610px;padding:28px 18px 20px; }
  .image-beta.image-beta-experiment .image-wizard-output-canvas { min-height:380px; }
  .image-beta.image-beta-experiment .image-wizard-result-actions { flex-wrap:wrap; }
  .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-navigation {
    position:sticky;z-index:8;bottom:0;margin:0 -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));
    border-top:1px solid #e8e2da;background:rgba(255,255,255,.94);box-shadow:0 -12px 28px -24px rgba(31,25,21,.65);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  }
  html[data-theme="dark"] .image-beta.image-beta-experiment #panel-generate[data-beta-generation-mode="guided"] .image-wizard-navigation {
    border-color:#45413e;background:rgba(38,36,36,.94);
  }
}