/* Packaging workbench: shared navigation typography, paged panels and a fixed left composer. */
body [data-page="edit"] .review-tab-actionbar[data-packaging-hidden="true"] { display:none!important; }
body[data-review-media-type="postfx"] #reviewGalleryGrid:has(>.visual-packaging) { display:flex; flex:1 1 0; min-width:0; min-height:0; padding:0!important; overflow:hidden!important; }
.visual-packaging {
  --packaging-gap:clamp(8px,1vw,18px);
  --packaging-pad:clamp(10px,1.2vw,22px);
  --packaging-border:#dce4ef;
  --packaging-surface:#fff;
  --packaging-muted:#657792;
  --packaging-ink:var(--nav-command-color,#172b4d);
  --packaging-accent:#f04423;
  --packaging-accent-soft:#fff3ed;
  display:flex; flex-direction:column; flex:1 1 0; width:100%; height:100%;
  min-width:0; min-height:0; gap:var(--packaging-gap); padding:var(--packaging-pad);
  box-sizing:border-box; background:#f7f9fc; color:var(--packaging-ink);
  font-family:var(--font-sans); font-size:var(--ui-font-body);
  font-weight:var(--ui-font-weight); font-style:var(--ui-font-style); line-height:1.45;
}
.visual-packaging *, .visual-packaging *::before, .visual-packaging *::after { box-sizing:border-box; }
.visual-packaging [hidden] { display:none!important; }
.visual-packaging :is(h1,h2,h3,p,small,strong,span,label,button,a,select,textarea,input) {
  font-family:var(--font-sans)!important;
  line-height:1.45;
}
.visual-packaging :is(h1,h2,h3,p) { margin:0; }
.visual-packaging__heading { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.visual-packaging__heading > div:first-child { display:flex; align-items:center; gap:8px; min-width:0; }
.visual-packaging__heading h1 { flex:none; }
.visual-packaging__scope { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.visual-packaging__heading-actions { display:flex; align-items:center; gap:8px; flex:none; }
.visual-packaging__notice { flex:none; min-width:0; color:#a33229; overflow-wrap:anywhere; }
.visual-packaging__notice:empty { display:none; }
.visual-packaging__main { display:grid; flex:1 1 0; grid-template-columns:minmax(0,1fr) minmax(320px,30%); gap:var(--packaging-gap); min-width:0; min-height:0; }
.visual-packaging__preview { display:flex; flex-direction:column; min-width:0; min-height:0; gap:clamp(6px,.65vw,12px); }
.visual-packaging__media-modes { display:flex; flex:none; align-items:center; gap:clamp(3px,.5vw,9px); min-width:0; }
.visual-packaging__media-modes > .visual-packaging__download { margin-left:auto!important; }
.visual-packaging__screen { flex:1 1 0; display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; position:relative; border-radius:10px; overflow:hidden; background:#10151d; }
.visual-packaging__video,.visual-packaging__image,.visual-packaging__before { display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; background:#10151d; }
.visual-packaging__image { cursor:zoom-in; }
.visual-packaging__screen--compare { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2px; }
.visual-packaging__empty { padding:20px; color:#d4dceb!important; text-align:center; overflow-wrap:anywhere; }
.visual-packaging__first-action { position:absolute; inset:auto 12px 16px; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.visual-packaging__first-action :is(p,span) { padding:4px 9px; border-radius:6px; color:#fff; background:rgb(16 21 29 / 75%); }
.visual-packaging__media-actions { display:flex; flex:none; align-items:center; justify-content:space-between; min-width:0; gap:8px; }
.visual-packaging__media-caption { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.visual-packaging__frames,.visual-packaging__pager { display:flex; flex:none; align-items:center; justify-content:center; gap:8px; min-width:0; }
.visual-packaging__frames { justify-content:flex-end; }
.visual-packaging__composer { flex:none; display:flex; flex-direction:column; gap:6px; padding:10px 12px; border:1px solid var(--packaging-border); border-radius:22px; background:var(--packaging-surface); box-shadow:0 3px 12px rgb(20 38 70 / 4%); }
.visual-packaging__composer-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.visual-packaging__attachments { display:flex; align-items:center; gap:8px; min-width:0; }
.visual-packaging__attachment { position:relative; flex:0 1 clamp(44px,5vw,72px); min-width:0; }
.visual-packaging__attachment img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; border:1px solid var(--packaging-border); border-radius:6px; }
body .visual-packaging .visual-packaging__attachment button { position:absolute; top:2px; right:2px; min-height:24px!important; width:24px; padding:0!important; border-radius:50%!important; }
.visual-packaging__status-line { display:flex; flex:none; align-items:center; gap:8px; min-width:0; color:var(--packaging-muted); }
.visual-packaging__status-line > :first-child { min-width:0; }
.visual-packaging__status-line:empty { display:none; }
.visual-packaging__settings { display:flex; flex-direction:column; min-width:0; min-height:0; border:1px solid var(--packaging-border); border-radius:12px; background:var(--packaging-surface); }
.visual-packaging__branches,.visual-packaging__effects,.visual-packaging__settings-tabs,.visual-packaging__plan-tabs,.visual-packaging__material-tabs,.visual-packaging__pane-switch { display:flex; flex:none; align-items:stretch; min-width:0; gap:4px; }
.visual-packaging__branches,.visual-packaging__effects { padding:8px 10px 0; }
.visual-packaging__branches > *,.visual-packaging__effects > *,.visual-packaging__settings-tabs > *,.visual-packaging__plan-tabs > *,.visual-packaging__material-tabs > * { flex:1 1 0; min-width:0; }
.visual-packaging__settings-tabs { padding:8px 10px; border-bottom:1px solid var(--packaging-border); }
.visual-packaging__settings-body { display:flex; flex:1 1 0; min-width:0; min-height:0; padding:clamp(10px,1vw,18px); }
.visual-packaging__panel { display:flex; flex:1 1 0; flex-direction:column; gap:10px; min-width:0; min-height:0; }
.visual-packaging__panel > * { min-width:0; }
.visual-packaging__plan-panel,.visual-packaging__material-panel { display:flex; flex:1 1 0; flex-direction:column; min-width:0; min-height:0; gap:10px; }
.visual-packaging__settings-footer { display:flex; flex:none; flex-direction:column; gap:8px; min-width:0; padding:10px clamp(10px,1vw,18px); border-top:1px solid var(--packaging-border); }
.visual-packaging__field { display:flex; flex:none; flex-direction:column; gap:6px; min-width:0; margin:0; }
.visual-packaging__hint { color:var(--packaging-muted); overflow-wrap:anywhere; }
.visual-packaging__dirty { color:#ad5c14; }
.visual-packaging__buttons { display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.visual-packaging__progress { display:flex; flex-direction:column; gap:10px; min-width:0; padding:10px; border-radius:8px; background:#f0f4fa; }
.visual-packaging__progress p { overflow-wrap:anywhere; }
.visual-packaging__candidates,.visual-packaging__logos,.visual-packaging__references { display:grid; flex:1 1 0; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); gap:clamp(6px,.7vw,12px); min-width:0; min-height:0; }
.visual-packaging__candidate,.visual-packaging__logo,.visual-packaging__reference { min-width:0; min-height:0; }
body .visual-packaging :is(button.visual-packaging__candidate,button.visual-packaging__logo,button.visual-packaging__reference) { display:flex; flex-direction:column; align-items:stretch; gap:6px; min-height:0!important; padding:6px!important; white-space:normal; overflow-wrap:anywhere; }
.visual-packaging__candidate img,.visual-packaging__logo img,.visual-packaging__reference img { display:block; flex:1 1 0; width:100%; height:100%; min-width:0; min-height:0; aspect-ratio:16/9; object-fit:contain; border-radius:5px; background:#10151d; }
.visual-packaging__candidate span,.visual-packaging__logo span,.visual-packaging__reference span { flex:none; min-width:0; }
.visual-packaging__versions { display:grid; flex:1 1 0; grid-template-rows:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; min-height:0; }
.visual-packaging__versions > button { white-space:normal!important; overflow-wrap:anywhere; }
.visual-packaging__task-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.visual-packaging__motion-action { position:absolute; inset:auto 12px 16px; margin-inline:auto!important; width:max-content; max-width:calc(100% - 24px); }
.visual-packaging__history { display:flex; flex:1 1 0; flex-direction:column; gap:10px; min-width:0; min-height:0; }
.visual-packaging__history select { max-width:100%; }
.visual-packaging__logo-section,.visual-packaging__reference-section { display:flex; flex:1 1 0; flex-direction:column; gap:8px; min-width:0; min-height:0; }
.visual-packaging :is(select,textarea,input[type=text]) { width:100%; min-width:0; max-width:100%; border:1px solid var(--packaging-border); border-radius:8px; padding:8px 10px; background:var(--packaging-surface); color:var(--packaging-ink); }
.visual-packaging textarea { resize:none; overflow:hidden; }
.visual-packaging__composer textarea { display:block; height:calc(var(--nav-command-font-size,16px) * 2.9 + 2px); min-height:calc(var(--nav-command-font-size,16px) * 2.9 + 2px); border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; }
body .visual-packaging :is(button,a.visual-packaging__download) { display:inline-flex; align-items:center; justify-content:center; min-height:36px!important; height:auto!important; padding:6px 9px!important; margin:0; border:1px solid var(--packaging-border)!important; border-radius:8px!important; background:var(--packaging-surface)!important; color:var(--packaging-ink)!important; -webkit-text-fill-color:var(--packaging-ink)!important; font-family:var(--font-sans)!important; font-size:var(--ui-font-button)!important; font-weight:var(--ui-font-weight)!important; line-height:1.45!important; text-decoration:none; white-space:nowrap; cursor:pointer; box-shadow:none!important; }
body .visual-packaging :is(button.visual-packaging__candidate,button.visual-packaging__logo,button.visual-packaging__reference) { min-height:0!important; padding:6px!important; white-space:normal!important; }
.visual-packaging__candidates,.visual-packaging__logos,.visual-packaging__references { min-height:106px; }
.visual-packaging__plan-panel > .visual-packaging__hint,.visual-packaging__material-panel > .visual-packaging__hint { flex:none; }
body .visual-packaging button.visual-packaging__notice { white-space:normal!important; text-align:left; justify-content:flex-start; max-width:100%; }
body .visual-packaging .visual-packaging__pager > button { min-width:36px; }
body .visual-packaging button.production-generate-action { color:var(--packaging-accent)!important; -webkit-text-fill-color:var(--packaging-accent)!important; }
body .visual-packaging button[aria-pressed=true],body .visual-packaging button[aria-selected=true] { border-color:var(--packaging-accent)!important; background:var(--packaging-accent-soft)!important; }
body .visual-packaging :is(.visual-packaging__branches,.visual-packaging__effects,.visual-packaging__settings-tabs,.visual-packaging__plan-tabs,.visual-packaging__material-tabs) > button { padding:5px 4px!important; }
body .visual-packaging button.visual-packaging__effect-card { flex-direction:column; gap:0; }
.visual-packaging__effect-state { color:var(--packaging-muted); }
.visual-packaging__effect-poster { display:none; }
body .visual-packaging button.visual-packaging__icon-button,body .visual-packaging button.visual-packaging__send,body .visual-packaging button.visual-packaging__stop { flex:none; width:38px; height:38px!important; min-height:38px!important; padding:0!important; border-radius:50%!important; }
.visual-packaging__icon-button svg,.visual-packaging__send svg,.visual-packaging__stop svg { width:22px; height:22px; fill:none; stroke:currentColor; }
body .visual-packaging button.visual-packaging__send,body .visual-packaging button.visual-packaging__stop,body .visual-packaging .visual-packaging__first-action button { color:#fff!important; -webkit-text-fill-color:#fff!important; background:var(--packaging-accent)!important; border-color:var(--packaging-accent)!important; }
.visual-packaging button:disabled { opacity:.48; cursor:not-allowed; }
.visual-packaging :is(button,a,select,textarea,input):focus-visible { outline:2px solid var(--packaging-accent); outline-offset:2px; }
.visual-packaging__large-image { width:100%; height:100%; min-height:0; display:flex; align-items:center; justify-content:center; background:#10151d; }
.visual-packaging__large-image img { width:100%; height:100%; min-height:0; object-fit:contain; }
.visual-packaging[data-compact="true"] .visual-packaging__main { grid-template-columns:minmax(0,1fr); }
.visual-packaging[data-compact="true"][data-pane="preview"] .visual-packaging__settings { display:none; }
.visual-packaging[data-compact="true"][data-pane="settings"] .visual-packaging__preview { display:none; }
.visual-packaging:not([data-compact="true"]) .visual-packaging__pane-switch { display:none; }
.visual-packaging[data-compact="true"] .visual-packaging__settings-body { padding:8px 12px; }
.visual-packaging[data-compact="true"] .visual-packaging__branches,.visual-packaging[data-compact="true"] .visual-packaging__effects { padding-top:4px; }
.visual-packaging[data-compact="true"] .visual-packaging__settings-tabs { padding-top:4px; padding-bottom:4px; }
.visual-packaging[data-compact="true"] .visual-packaging__panel,.visual-packaging[data-compact="true"] .visual-packaging__material-panel { gap:6px; }
[data-ui-appearance="dark"] .visual-packaging { --packaging-border:#465160; --packaging-surface:#252c35; --packaging-muted:#aab9ce; --packaging-ink:#e1e8f2; --packaging-accent:#ff754d; --packaging-accent-soft:#41312c; background:#1e232b; }
[data-ui-appearance="dark"] .visual-packaging__notice { color:#ffac91; }
[data-ui-appearance="dark"] .visual-packaging__progress { background:#303b49; }
@media(max-height:760px) { .visual-packaging { --packaging-gap:8px; --packaging-pad:10px; } .visual-packaging__preview { gap:6px; } .visual-packaging__composer { padding:8px 12px; gap:4px; } }
@media(max-width:600px) { .visual-packaging { --packaging-pad:8px; --packaging-gap:6px; } .visual-packaging__heading > div:first-child { flex:1 1 0; } .visual-packaging__media-modes { gap:3px; } body .visual-packaging__media-modes > :is(button,a.visual-packaging__download) { padding:5px 4px!important; } .visual-packaging__media-actions { flex-wrap:wrap; } }

.visual-packaging[data-compact="true"][data-pane="preview"] .visual-packaging__settings { display:none; }

/* One font family with a restrained visual hierarchy; no nested boxes for text tabs. */
.visual-packaging__heading h1 { font-size:var(--ui-font-page)!important; font-weight:var(--ui-font-weight)!important; line-height:1.3; }
.visual-packaging__scope { font-size:var(--ui-font-meta)!important; font-weight:var(--ui-font-weight)!important; color:var(--packaging-muted); }
.visual-packaging__hint,.visual-packaging__media-caption { font-size:var(--ui-font-caption)!important; font-weight:var(--ui-font-weight)!important; }
.visual-packaging__hint > *,.visual-packaging__status-line > span { font-size:inherit!important; font-weight:inherit!important; }
.visual-packaging__field,.visual-packaging__field :is(input,select) { font-size:var(--ui-font-label)!important; font-weight:var(--ui-font-weight)!important; }
.visual-packaging__branches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px 10px 0; gap:5px; border-bottom:1px solid var(--packaging-border); }
body .visual-packaging .visual-packaging__branches > button { min-height:40px!important; padding:8px 10px!important; font-size:var(--ui-font-tab)!important; font-weight:var(--ui-font-weight)!important; border:1px solid var(--packaging-border)!important; border-bottom:0!important; border-radius:9px 9px 0 0!important; background:#f4f6f9!important; }
body .visual-packaging .visual-packaging__branches > button[aria-selected=true] { background:var(--packaging-surface)!important; color:var(--packaging-accent)!important; -webkit-text-fill-color:var(--packaging-accent)!important; }
.visual-packaging__effects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:3px; margin:10px 12px 0; gap:3px; border-radius:9px; background:#f3f5f8; }
body .visual-packaging .visual-packaging__effects > button { min-height:48px!important; padding:4px 3px!important; gap:1px; border:0!important; border-radius:7px!important; background:transparent!important; font-size:var(--ui-font-tab)!important; }
body .visual-packaging .visual-packaging__effects > button[aria-pressed=true] { background:var(--packaging-surface)!important; box-shadow:0 1px 4px rgb(20 38 70 / 8%)!important; }
.visual-packaging__effect-state { font-size:var(--ui-font-meta)!important; font-weight:var(--ui-font-weight)!important; color:var(--packaging-muted); }
.visual-packaging__settings-tabs { gap:0; padding:4px 12px 0; }
body .visual-packaging .visual-packaging__settings-tabs > button { min-height:39px!important; border:0!important; border-bottom:2px solid transparent!important; border-radius:0!important; padding:7px 5px!important; background:transparent!important; font-size:var(--ui-font-tab)!important; }
body .visual-packaging .visual-packaging__settings-tabs > button[aria-selected=true] { border-bottom-color:var(--packaging-accent)!important; color:var(--packaging-accent)!important; -webkit-text-fill-color:var(--packaging-accent)!important; }
.visual-packaging__plan-tabs,.visual-packaging__material-tabs { gap:8px; align-items:center; }
body .visual-packaging :is(.visual-packaging__plan-tabs,.visual-packaging__material-tabs) > button { min-height:29px!important; padding:3px 2px!important; border:0!important; border-radius:0!important; background:transparent!important; font-size:var(--ui-font-tab)!important; font-weight:var(--ui-font-weight)!important; }
body .visual-packaging :is(.visual-packaging__plan-tabs,.visual-packaging__material-tabs) > button[aria-selected=true] { color:var(--packaging-accent)!important; -webkit-text-fill-color:var(--packaging-accent)!important; font-weight:var(--ui-font-weight)!important; text-decoration:underline; text-underline-offset:6px; }
.visual-packaging__candidates,.visual-packaging__logos,.visual-packaging__references { align-items:start; align-content:start; grid-auto-rows:auto; min-height:106px; container-type:size; }
body .visual-packaging :is(button.visual-packaging__candidate,button.visual-packaging__logo,button.visual-packaging__reference) { display:grid; grid-template-rows:auto auto; align-self:start; justify-self:center; width:100%; max-width:min(100%,calc(177.778cqh - 72px)); height:auto!important; aspect-ratio:auto; gap:5px; border-radius:9px!important; font-size:var(--ui-font-button)!important; }
.visual-packaging__candidate img,.visual-packaging__logo img,.visual-packaging__reference img { height:auto; aspect-ratio:16/9; background:#edf1f6; }
.visual-packaging__candidate span,.visual-packaging__logo span,.visual-packaging__reference span { display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--ui-font-card)!important; font-weight:var(--ui-font-weight)!important; }
body .visual-packaging .visual-packaging__settings-footer > button:first-child { border-color:#ffc4b5!important; background:var(--packaging-accent-soft)!important; color:var(--packaging-accent)!important; -webkit-text-fill-color:var(--packaging-accent)!important; font-weight:var(--ui-font-weight)!important; }
body .visual-packaging .visual-packaging__settings-footer > button:not(:first-child) { border:0!important; background:transparent!important; color:var(--packaging-muted)!important; -webkit-text-fill-color:var(--packaging-muted)!important; }
.visual-packaging__composer { border-radius:20px; border-color:#dfe4eb; padding:10px 13px; }
body .visual-packaging .visual-packaging__composer textarea { border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; border-radius:0!important; padding:0!important; font-family:var(--font-sans)!important; font-size:var(--ui-font-input)!important; font-weight:var(--ui-font-weight)!important; }
.visual-packaging__composer:focus-within { border-color:#f4a48e; }
body .visual-packaging button.visual-packaging__attach { border:0!important; background:transparent!important; }
body .visual-packaging .visual-packaging__pager > button { font-size:var(--ui-font-button)!important; font-weight:var(--ui-font-weight)!important; }
.visual-packaging__pager > span { font-size:var(--ui-font-meta)!important; font-weight:var(--ui-font-weight)!important; color:var(--packaging-muted); }
[data-ui-appearance="dark"] .visual-packaging__effects { background:#1e252e; }
body[data-ui-appearance="dark"] .visual-packaging .visual-packaging__branches > button { background:#202731!important; }
body[data-ui-appearance="dark"] .visual-packaging .visual-packaging__branches > button[aria-selected=true] { background:var(--packaging-surface)!important; }
.visual-packaging[data-compact="true"] .visual-packaging__branches { padding-top:8px; }
.visual-packaging[data-compact="true"] .visual-packaging__effects { margin-top:8px; padding:3px; }
.visual-packaging[data-compact="true"] .visual-packaging__settings-footer { flex-direction:row; justify-content:flex-end; }

/* Compact viewing toolbar and a one-line chat composer that grows with its text. */
body .visual-packaging .visual-packaging__media-modes > :is(button,a.visual-packaging__download) { min-height:30px!important; padding:4px 8px!important; font-size:var(--ui-font-button)!important; font-weight:var(--ui-font-weight)!important; }
.visual-packaging__composer { display:grid; grid-template-columns:38px minmax(0,1fr) 38px; gap:0 8px; align-items:center; padding:8px 10px; }
.visual-packaging__attachments { grid-row:1; grid-column:1/-1; margin-bottom:8px; }
body .visual-packaging .visual-packaging__composer textarea { grid-row:2; grid-column:2; height:auto!important; min-height:0!important; align-self:center; line-height:1.45; }
.visual-packaging__composer-actions { display:contents; }
.visual-packaging__composer-actions > .visual-packaging__attach { grid-row:2; grid-column:1; }
.visual-packaging__composer-actions > :is(.visual-packaging__send,.visual-packaging__stop) { grid-row:2; grid-column:3; }
.visual-packaging__composer-actions > .visual-packaging__pager { grid-row:3; grid-column:2; margin-top:6px; }

/* Hide preview captions and the duplicate status entry; retain paging and recovery actions. */
.visual-packaging__media-caption,
.visual-packaging__status-line > :nth-child(-n+2) { display:none!important; }
.visual-packaging__media-actions:has(> .visual-packaging__pager[hidden]),
.visual-packaging__status-line:not(:has(> button:nth-child(n+3):not([hidden]))) { display:none; }

.visual-packaging__status-line, .visual-packaging__task-text { font-size:var(--ui-font-meta); font-weight:var(--ui-font-weight); }

/* Shared action masks replace only add/send artwork; stop keeps its own symbol. */
.visual-packaging__attach svg,.visual-packaging__send svg { visibility:hidden; }