/* Imgen studio skin — color aligned with main app tokens;
   personalization: denser chrome, canvas well, solid CTAs, tool wells. */

#view-imgen.view-tools,
#wbImgenHost .imgen-page.imgen-studio,
.imgen-page.imgen-studio,
html.imgen-studio-active #view-imgen {
  /* Map to main :root — no second palette */
  --ig-bg: var(--bg);
  --ig-surface: var(--surface);
  --ig-surface-muted: var(--surface-muted);
  --ig-fg: var(--fg);
  --ig-muted: var(--muted);
  --ig-border: var(--border);
  --ig-border-strong: var(--border-strong);
  --ig-accent: var(--accent);
  --ig-accent-soft: var(--accent-soft);
  --ig-accent-on: var(--accent-on);
  --ig-accent-hover: color-mix(in oklch, var(--accent) 88%, var(--fg));
  --ig-rail: var(--surface-muted);
  /* Personal: slightly recessed well so the image reads as the subject */
  --ig-canvas-well: color-mix(in oklch, var(--fg) 3.5%, var(--bg));
  --ig-hover: var(--hover);
  --ig-press: color-mix(in oklch, var(--fg) 6%, var(--bg));
  --ig-r-sm: 2px;
  --ig-r-md: 4px;
  --ig-left-w: 272px;
  --ig-right-w: 248px;
  --ig-font: var(--font-body);
  --ig-mono: var(--font-mono);
  --ig-dur: 150ms;
  --ig-ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  #view-imgen.view-tools,
  .imgen-page.imgen-studio {
    --ig-dur: 0ms;
  }
}

/* —— Shell —— */
.tool-panel-wide.imgen-studio,
.imgen-page.imgen-studio {
  background: var(--ig-bg);
  color: var(--ig-fg);
  font-family: var(--ig-font);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  gap: 0.35rem;
  padding-inline: clamp(6px, 0.7vw, 12px);
  padding-block: 0.2rem 0.35rem;
  -webkit-font-smoothing: antialiased;
}

.imgen-studio :focus {
  outline: none;
}

.imgen-studio :focus-visible {
  outline: 2px solid color-mix(in oklch, var(--ig-accent) 55%, transparent);
  outline-offset: 2px;
}

.imgen-studio .field-hint {
  color: var(--ig-muted);
  font-size: var(--text-xs);
}

/* —— Acts → workbench buttons (override global underline language) —— */
.imgen-studio .act {
  height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: var(--ig-r-md);
  background: transparent;
  color: var(--ig-fg);
  font-family: var(--ig-font);
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-underline-offset: unset;
  gap: 5px;
  transition:
    background var(--ig-dur) var(--ig-ease),
    border-color var(--ig-dur) var(--ig-ease),
    color var(--ig-dur) var(--ig-ease);
}

.imgen-studio .act:hover {
  text-decoration: none;
  background: var(--ig-hover);
  color: var(--ig-fg);
}

.imgen-studio .act-quiet {
  border-color: var(--ig-border);
  color: var(--ig-fg);
  background: transparent;
  text-decoration: none;
}

.imgen-studio .act-quiet:hover {
  background: var(--ig-hover);
  border-color: var(--ig-border-strong);
  text-decoration: none;
}

/* Personal: solid primary CTA — still main accent, not OD forest mid-tone */
.imgen-studio .act-emphasis,
.imgen-studio #igMakeProposal,
.imgen-studio #igPolishRun,
.imgen-studio #igConfirmOk,
.imgen-studio #igMatteEditAsAnnot {
  height: 34px;
  min-width: 4.75rem;
  padding: 0 16px;
  border: 1px solid var(--ig-accent);
  border-radius: var(--ig-r-md);
  border-bottom: 1px solid var(--ig-accent);
  background: var(--ig-accent);
  color: var(--ig-accent-on);
  font-size: var(--text-sm);
  font-weight: 600;
  text-decoration: none;
}

.imgen-studio .act-emphasis:hover,
.imgen-studio #igMakeProposal:hover,
.imgen-studio #igPolishRun:hover,
.imgen-studio #igConfirmOk:hover,
.imgen-studio #igMatteEditAsAnnot:hover {
  background: var(--ig-accent-hover);
  border-color: var(--ig-accent-hover);
  color: var(--ig-accent-on);
  text-decoration: none;
}

.imgen-studio #igUpgradePro,
.imgen-studio #igRetry {
  height: 34px;
  padding: 0 8px;
  border-color: transparent;
  color: var(--ig-muted);
  background: transparent;
  font-weight: 500;
}

.imgen-studio #igUpgradePro:hover,
.imgen-studio #igRetry:hover {
  color: var(--ig-fg);
  background: var(--ig-hover);
  border-color: transparent;
}

/* —— Top strip —— */
.imgen-studio .ig-top-strip {
  max-height: 40px;
  padding: 0.15rem 0.45rem;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-surface);
  gap: 0.35rem 0.5rem;
}

.imgen-studio .ig-strip-thumb {
  width: 36px;
  height: 36px;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-rail);
}

.imgen-studio .ig-strip-thumb.is-selected,
.imgen-studio .ig-strip-thumb:focus-visible {
  outline: 2px solid var(--ig-fg);
  outline-offset: 1px;
  border-color: var(--ig-fg);
}

.imgen-studio .ig-top-strip-trail .ig-spend-meta,
.imgen-studio .ig-top-strip-trail #igSpendMeta {
  font-family: var(--ig-mono);
  font-size: var(--text-2xs);
  color: var(--ig-muted);
}

/* —— Three-column grid —— */
.imgen-studio .imgen-studio-grid {
  grid-template-columns: minmax(240px, var(--ig-left-w)) minmax(0, 1fr) minmax(200px, var(--ig-right-w));
  gap: 0.4rem;
  transition: grid-template-columns var(--ig-dur) var(--ig-ease);
}

.imgen-studio .imgen-studio-grid.is-chat-collapsed {
  grid-template-columns: 44px minmax(0, 1fr) minmax(200px, var(--ig-right-w));
}

.imgen-studio .imgen-studio-grid.is-resizing-chat {
  transition: none;
  user-select: none;
}

.imgen-studio .ig-studio-chat,
.imgen-studio .ig-studio-assets {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-surface);
  padding: 0.45rem 0.5rem;
  gap: 0.35rem;
  box-shadow: none;
}

.imgen-studio .ig-studio-chat {
  position: relative;
  overflow: visible;
  background: var(--ig-surface-muted);
}

.imgen-studio .ig-chat-resize {
  position: absolute;
  top: 0;
  right: -4px;
  width: 8px;
  height: 100%;
  z-index: 3;
  cursor: col-resize;
  touch-action: none;
}

.imgen-studio .ig-chat-resize::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 1px;
  background: var(--ig-border);
  opacity: 0.7;
}

.imgen-studio .ig-chat-resize:hover::after,
.imgen-studio .imgen-studio-grid.is-resizing-chat .ig-chat-resize::after {
  background: var(--ig-accent);
  opacity: 1;
  width: 2px;
  left: 2.5px;
}

.imgen-studio .imgen-studio-grid.is-chat-collapsed .ig-chat-resize,
.imgen-studio .ig-studio-chat.is-collapsed .ig-chat-resize {
  display: none;
}

.imgen-studio .ig-studio-chat .ws-label,
.imgen-studio .ig-studio-assets .ws-label,
.imgen-studio .ig-chat-head h3 {
  font-size: var(--text-nav);
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  color: var(--ig-fg);
}

.imgen-studio .ig-chat-session-btn,
.imgen-studio .ig-chat-collapse-btn {
  height: 26px;
  padding: 0 7px;
  font-size: var(--text-xs);
}

.imgen-studio .ig-chat-compose {
  border-top: 1px solid var(--ig-border);
  padding-top: 0.45rem;
  margin-top: 0.1rem;
}

.imgen-studio .ig-chat-compose textarea,
.imgen-studio #igChatInput {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-bg);
  padding: 0.45rem 0.55rem;
  min-height: 3rem;
}

.imgen-studio .ig-chat-compose textarea:focus-visible,
.imgen-studio #igChatInput:focus-visible {
  border-color: color-mix(in oklch, var(--ig-accent) 45%, var(--ig-border));
  outline: 2px solid var(--ig-accent-soft);
  outline-offset: 0;
}

.imgen-studio .ig-intent-choice {
  margin-top: 0.35rem;
  padding-top: 0.4rem;
  border-top: 1px dashed var(--ig-border);
}

.imgen-studio .ig-intent-choice .act-emphasis {
  min-width: auto;
  height: 30px;
  font-size: var(--text-sm);
  padding: 0 12px;
}

/* —— Stage / canvas —— */
.imgen-studio .ig-studio-stage {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-canvas-well);
  padding: 0.3rem;
  gap: 0.25rem;
  box-shadow: none;
}

.imgen-studio .ig-canvas-frame,
.imgen-studio .ig-canvas-frame--emptyable {
  background: var(--ig-canvas-well);
  border-radius: var(--ig-r-sm);
  min-height: min(52vh, 520px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.imgen-studio .ig-canvas-frame:has(#igResultImg:not([hidden])) {
  background: color-mix(in oklch, var(--fg) 5%, var(--bg));
  min-height: min(58vh, 640px);
}

.imgen-studio .ig-canvas-img {
  max-width: 100%;
  max-height: min(62vh, 720px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: var(--ig-r-sm);
}

.imgen-studio .ig-canvas-empty {
  background: transparent;
  min-height: 0;
}

/* —— Canvas toolbar groups —— */
.imgen-studio .ig-canvas-bar {
  background: var(--ig-rail);
  border-top: 1px solid var(--ig-border);
  padding: 0.3rem 0.2rem 0.2rem;
  gap: 0;
  border-radius: 0 0 var(--ig-r-sm) var(--ig-r-sm);
}

.imgen-studio .ig-canvas-bar__group {
  background: var(--ig-surface);
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-md);
  padding: 0.25rem 0.4rem;
  margin: 0.12rem;
  gap: 0.2rem;
}

.imgen-studio .ig-canvas-bar__group--edit {
  flex: 1 1 14rem;
  min-width: 12rem;
}

.imgen-studio .ig-canvas-bar__group .act-quiet {
  border-color: transparent;
  color: var(--ig-muted);
  height: 26px;
  padding: 0 7px;
  font-size: var(--text-xs);
}

.imgen-studio .ig-canvas-bar__group .act-quiet:hover:not(:disabled) {
  color: var(--ig-fg);
  background: var(--ig-hover);
  border-color: transparent;
}

.imgen-studio .ig-canvas-bar__group .act-quiet.is-active {
  color: var(--ig-fg);
  background: var(--ig-press);
  border-color: var(--ig-border);
}

.imgen-studio .ig-polish-inline,
.imgen-studio .ig-gate-label {
  height: 26px;
  padding: 0 8px;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-bg);
  font-size: var(--text-xs);
}

.imgen-studio .ig-polish-inline:focus-visible,
.imgen-studio .ig-gate-label:focus-visible {
  border-color: color-mix(in oklch, var(--ig-accent) 45%, var(--ig-border));
  outline: 2px solid var(--ig-accent-soft);
  outline-offset: 0;
}

.imgen-studio #igPolishRun {
  height: 26px;
  min-width: 3.5rem;
  padding: 0 12px;
  font-size: var(--text-sm);
}

/* —— Right rail —— */
.imgen-studio .ig-rail-tabs {
  gap: 0;
  border-bottom: 1px solid var(--ig-border);
  background: transparent;
}

.imgen-studio .ig-rail-tab {
  height: 28px;
  padding: 0 10px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ig-muted);
  font-size: var(--text-xs);
  font-weight: 550;
}

.imgen-studio .ig-rail-tab[aria-selected="true"],
.imgen-studio .ig-rail-tab.is-active {
  color: var(--ig-fg);
  border-bottom-color: var(--ig-fg);
  background: transparent;
}

.imgen-studio .ig-rail-tab:hover,
.imgen-studio .ig-rail-tab:focus-visible {
  color: var(--ig-fg);
  background: var(--ig-hover);
}

.imgen-studio .ig-assets-grid,
.imgen-studio .ig-gallery-row {
  gap: 0.35rem;
}

.imgen-studio .ig-asset-card,
.imgen-studio .ig-gal-card {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-rail);
  box-shadow: none;
}

.imgen-studio .ig-asset-card:hover,
.imgen-studio .ig-asset-card:focus-visible,
.imgen-studio .ig-gal-card:hover {
  outline: 2px solid var(--ig-fg);
  outline-offset: 1px;
}

.imgen-studio .ig-gal-card.is-fail {
  border-style: dashed;
  background: var(--ig-bg);
  color: var(--ig-muted);
}

.imgen-studio .ig-gal-card.is-fail .ig-gal-fail-label {
  color: var(--ig-muted);
  font-weight: 550;
}

/* —— Gate dock —— */
.imgen-studio .ig-gate-dock {
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-surface);
  padding: 0.45rem 0.55rem 0.5rem;
  flex-direction: column;
  gap: 0.45rem;
  box-shadow: none;
}

.imgen-studio .ig-gate-pane--prompt {
  width: 100%;
  flex: 0 0 auto;
}

.imgen-studio .ig-gate-pane--controls {
  width: 100%;
  max-width: none;
  border-left: 0;
  padding-left: 0;
  padding-top: 0.4rem;
  border-top: 1px solid var(--ig-border);
}

.imgen-studio .ig-gate-prompt-ta {
  min-height: 3rem;
  max-height: 5rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-bg);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
}

.imgen-studio .ig-gate-prompt-ta:hover {
  border-color: var(--ig-border-strong);
}

.imgen-studio .ig-gate-prompt-ta:focus-visible {
  border-color: color-mix(in oklch, var(--ig-accent) 45%, var(--ig-border));
  outline: 2px solid var(--ig-accent-soft);
  outline-offset: 0;
}

.imgen-studio .ig-gate-controls-row {
  align-items: center;
  gap: 0.4rem 0.75rem;
}

.imgen-studio .ig-gate-controls-row > #igAspect {
  height: 34px;
  width: 4.5rem;
  padding: 0 0.5rem;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: var(--ig-bg);
  font-size: var(--text-sm);
  font-weight: 500;
}

.imgen-studio .ig-gate-controls-row .ig-tiers {
  gap: 0.25rem;
  margin: 0;
}

.imgen-studio .ig-gate-controls-row .ig-tier-btn {
  height: 34px;
  min-width: 0;
  padding: 0 11px;
  border: 1px solid var(--ig-border);
  border-radius: var(--ig-r-sm);
  background: transparent;
  color: var(--ig-muted);
  font-size: var(--text-sm);
  font-weight: 500;
  box-shadow: none;
  flex-direction: row;
  align-items: center;
}

.imgen-studio .ig-gate-controls-row .ig-tier-btn:hover {
  border-color: var(--ig-border-strong);
  color: var(--ig-fg);
  background: var(--ig-hover);
}

/* Selected tier: quiet weight — never accent fill */
.imgen-studio .ig-gate-controls-row .ig-tier-btn.is-active {
  border-color: var(--ig-fg);
  background: var(--ig-surface);
  color: var(--ig-fg);
  font-weight: 600;
  box-shadow: none;
}

.imgen-studio .ig-gate-actions {
  gap: 0.25rem;
  align-items: center;
}

.imgen-studio .ig-gate-dock .ig-insp-tools,
.imgen-studio .ig-gate-dock .ig-insp-tools[open] {
  position: relative;
}

.imgen-studio .ig-gate-dock .ig-confirm-bar {
  border: 1px solid var(--ig-border);
  border-left: 3px solid var(--ig-accent);
  border-radius: var(--ig-r-md);
  background: var(--ig-surface-muted);
  padding: 0.45rem 0.65rem;
}

/* —— Studio chat bubbles (Lucy style) —— */
.imgen-studio .ig-chat-log {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0.15rem 0.1rem 0.35rem;
}

.imgen-studio .ig-chat-msg {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 94%;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-body, 1.45);
  position: relative;
}

.imgen-studio .ig-chat-msg.ig-chat-user {
  margin-left: auto;
  margin-right: 0;
  align-items: flex-end;
  text-align: right;
  align-self: flex-end;
  background: transparent;
}

.imgen-studio .ig-chat-msg.ig-chat-assistant,
.imgen-studio .ig-chat-msg.ig-chat-streaming {
  margin-left: 0;
  margin-right: auto;
  align-items: flex-start;
  text-align: left;
  align-self: flex-start;
  background: transparent;
}

.imgen-studio .ig-chat-meta {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.18rem;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--text-2xs, 0.65rem);
  letter-spacing: 0.02em;
  color: var(--ig-muted);
  font-variant-numeric: tabular-nums;
}

.imgen-studio .ig-chat-user .ig-chat-meta {
  color: color-mix(in oklch, var(--ig-accent) 42%, var(--ig-muted));
}

.imgen-studio .ig-chat-who {
  font-weight: 500;
}

.imgen-studio .ig-chat-model-tag,
.imgen-studio .ig-chat-time {
  opacity: 0.85;
}

.imgen-studio .ig-chat-bubble {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  user-select: text;
  max-width: 100%;
  box-sizing: border-box;
}

.imgen-studio .ig-chat-user .ig-chat-bubble {
  display: inline-block;
  text-align: left;
  padding: 0.55rem 0.7rem;
  background: color-mix(in oklch, var(--ig-accent) 11%, transparent);
  border-radius: var(--ig-r-md, 10px);
}

.imgen-studio .ig-chat-assistant .ig-chat-bubble,
.imgen-studio .ig-chat-streaming .ig-chat-bubble {
  display: block;
  width: 100%;
  padding: 0.55rem 0.7rem;
  background: var(--ig-surface);
  border-radius: var(--ig-r-md, 10px);
  color: var(--ig-fg);
  border: 1px solid color-mix(in oklch, var(--ig-border) 80%, transparent);
}

.imgen-studio .ig-chat-streaming .ig-chat-bubble {
  border-style: dashed;
  opacity: 0.92;
}

.imgen-studio .ig-chat-empty {
  margin: 0.4rem 0.15rem;
  font-size: var(--text-xs);
  color: var(--ig-muted);
  line-height: 1.45;
}

/* —— Compose model picker —— */
.imgen-studio .ig-chat-compose-bar {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-height: 1.6rem;
}

.imgen-studio .ig-chat-model-row {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
  flex: 1 1 auto;
}

.imgen-studio .ig-chat-model-group,
.imgen-studio .ig-chat-model-pick {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  min-width: 0;
}

.imgen-studio .ig-chat-model-group select,
.imgen-studio .ig-chat-model-pick select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--ig-border);
  background: var(--ig-surface);
  color: var(--ig-fg);
  font: inherit;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--text-2xs, 0.65rem);
  line-height: 1.2;
  padding: 0.2rem 1.2rem 0.2rem 0.4rem;
  border-radius: var(--ig-r-sm);
  cursor: pointer;
  max-width: 6.5rem;
  background-image: linear-gradient(45deg, transparent 50%, var(--ig-muted) 50%),
    linear-gradient(135deg, var(--ig-muted) 50%, transparent 50%);
  background-position: calc(100% - 0.5rem) 55%, calc(100% - 0.28rem) 55%;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.imgen-studio .ig-chat-model-pick select {
  max-width: 7.2rem;
}

.imgen-studio .ig-chat-model-group select:hover,
.imgen-studio .ig-chat-model-pick select:hover,
.imgen-studio .ig-chat-model-group select:focus-visible,
.imgen-studio .ig-chat-model-pick select:focus-visible {
  border-color: color-mix(in oklch, var(--ig-accent) 40%, var(--ig-border));
  outline: none;
}

.imgen-studio .ig-chat-model-sep {
  color: var(--ig-muted);
  font-size: var(--text-2xs, 0.65rem);
  opacity: 0.55;
  flex: 0 0 auto;
}

.imgen-studio .ig-chat-compose-hint {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: var(--text-2xs, 0.65rem);
}

/* Session list — in-flow panel (no overlay on #igChatLog) */
.imgen-studio .ig-chat-session-list {
  position: static;
  z-index: auto;
  flex: 0 1 auto;
  width: 100%;
  max-width: none;
  max-height: min(40%, 14rem);
  border-radius: var(--ig-r-md);
  border: 1px solid var(--ig-border);
  background: var(--ig-surface);
  box-shadow: none;
  padding: 0.3rem;
}

.imgen-studio .ig-chat-session-item {
  border-radius: var(--ig-r-sm);
  padding: 0.4rem 0.5rem;
  background: color-mix(in oklch, var(--ig-accent) 7%, transparent);
  margin-bottom: 0.2rem;
}

.imgen-studio .ig-chat-session-item:last-child {
  margin-bottom: 0;
}

.imgen-studio .ig-chat-session-item:hover,
.imgen-studio .ig-chat-session-item:focus-visible {
  background: color-mix(in oklch, var(--ig-accent) 12%, transparent);
}

.imgen-studio .ig-chat-session-item.is-active {
  background: color-mix(in oklch, var(--ig-accent) 16%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ig-accent) 28%, transparent);
}

.imgen-studio .ig-chat-session-item-when {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
}

/* —— Drawer chrome (mobile assets panel): align with cockpit --radius / head language —— */
@media (max-width: 1100px) {
  .imgen-studio .ig-assets-scrim {
    background: color-mix(in oklch, var(--ig-fg, var(--fg)) 14%, transparent);
    backdrop-filter: blur(1px);
  }
  .imgen-studio .ig-studio-assets {
    box-shadow: -6px 0 28px color-mix(in oklch, var(--ig-fg, var(--fg)) 5%, transparent);
    border-left: 1px solid var(--ig-border, var(--border));
    border-radius: var(--radius-frame, var(--ig-r-sm)) 0 0 var(--radius-frame, var(--ig-r-sm));
    background: var(--ig-surface, var(--surface));
    padding: 0;
    overflow: hidden;
  }
  .imgen-studio .ig-studio-assets.is-open {
    display: flex;
    flex-direction: column;
  }
  .imgen-studio .ig-assets-head {
    flex-shrink: 0;
    padding: var(--space-5, 1rem) var(--space-5, 1rem) var(--space-4, 0.75rem);
    border-bottom: 1px solid var(--ig-border, var(--border));
    background: var(--ig-surface-muted, var(--surface-muted));
  }
  .imgen-studio .ig-assets-head .ws-label,
  .imgen-studio .ig-assets-head .ig-rail-tab {
    font-size: var(--text-sm, 0.875rem);
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  .imgen-studio .ig-assets-grid,
  .imgen-studio .ig-studio-assets > :not(.ig-assets-head) {
    padding-left: var(--space-5, 1rem);
    padding-right: var(--space-5, 1rem);
  }
}

@media (max-width: 1280px) {
  .imgen-studio .imgen-studio-grid {
    grid-template-columns: minmax(220px, var(--ig-left-w)) minmax(0, 1fr) minmax(180px, 230px);
  }
}

@media (max-width: 960px) {
  .imgen-studio .ig-chat-resize {
    display: none;
  }
}