/* Shared application geometry. Business visibility and status colors stay local. */
body.workspace-ui {
  --workspace-gutter: 12px;
  --workspace-form: none;
  --workspace-content: none;
  --workspace-wide: none;
  --workspace-line: #e5e7ec;
  --workspace-muted: #626b79;
  --workspace-ink: #242a34;
  --fm-dim: #727b88;
  --fm-muted: #626b79;
  --flow-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Segoe UI', sans-serif;
  --flow-display: var(--flow-body);
  font-family: var(--flow-body);
  color: var(--workspace-ink);
}
.workspace-ui .app { grid-template-columns: 232px minmax(0, 1fr); }
.workspace-ui * { scrollbar-width: thin; scrollbar-color: #c7cdd6 transparent; }
.workspace-ui *::-webkit-scrollbar { width: 6px; height: 6px; }
.workspace-ui *::-webkit-scrollbar-thumb { background: #c7cdd6 !important; border-radius: 6px; }
.workspace-ui *::-webkit-scrollbar-track { background: transparent !important; }
.workspace-ui .sidebar { background: #fff !important; border-right: 1px solid var(--workspace-line) !important; }
.workspace-ui .sb-top { padding: 20px 14px 12px; border: 0; }
.workspace-ui .logo { padding: 6px 10px; }
.workspace-ui .logo-badge-wrap { top: -13px; right: 0; }
.workspace-ui .logo-badge { display: none; }
.workspace-ui #langToggleBtn { color: #626b79 !important; border-color: #e5e7ec !important; background: #fff !important; font-weight: 500 !important; }
.workspace-ui .store-sw { margin: 4px 12px 8px; padding: 10px; border-radius: 8px; }
.workspace-ui .store-nm { font-size: 13px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; }
.workspace-ui .nav-sec { padding: 18px 24px 6px; color: #7a8290 !important; font-size: 11px; letter-spacing: .05em; }
.workspace-ui .nav-item { min-height: 40px; padding: 9px 14px; margin: 2px 12px; font-size: 14px; color: #515b69 !important; border-radius: 8px; }
.workspace-ui .nav-item:is(.active, .active-cyan, .active-amber) { color: #d61f4b !important; background: #fff0f3 !important; border-color: transparent !important; font-weight: 600; }
.workspace-ui .nbadge { background: #f0f2f5 !important; color: #626b79 !important; font-size: 11px; }
.workspace-ui .sb-bot { padding: 12px; border-color: var(--workspace-line); }
.workspace-ui .sb-logout { display: none !important; }
.workspace-ui .subscription-entry { min-height: 36px; color: #626b79; background: #f8f9fb; border-color: var(--workspace-line); box-shadow: none; }
.workspace-ui #globalUserWidget[hidden] { display: none !important; }
html body.workspace-ui .page > .topbar { height: 64px; min-height: 64px; padding: 0 var(--workspace-gutter) !important; gap: 12px; border-bottom: 1px solid var(--workspace-line) !important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .topbar > .topbar-right-stack { display: none !important; }
.workspace-ui .topbar:has(.workspace-aux-toggle) > .topbar-right-stack { margin-left: auto; }
.workspace-ui .topbar > .topbar-right-stack + .workspace-aux-toggle { margin-left: 12px; }
.workspace-ui .page > .topbar .tb-title { font-family: inherit; font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.workspace-ui .page > .topbar .tb-sub { color: var(--workspace-muted); font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-ui .page > .topbar .tb-badge { display: none; }
.workspace-ui #page-1 .topbar .tb-sub, .workspace-ui #page-2:where(:not(.vps-publish)) .topbar .tb-sub { display: none; }
.workspace-ui .page > .topbar .tb-back { width: 28px; height: 28px; background: #fff !important; border-color: var(--workspace-line) !important; }
.workspace-ui .app-version-pill { display: none; }
.workspace-ui .bind-store-btn { background: #fff !important; color: #515b69 !important; border: 1px solid var(--workspace-line) !important; box-shadow: none !important; border-radius: 8px !important; }
.workspace-ui :is(button, [role=button], input, select, summary):focus-visible { outline: 3px solid #ff9db5; outline-offset: 3px; }
.workspace-ui :is(.fi, .sc-input, .acct-sel) { min-height: 40px; font: 14px/1.5 var(--flow-body); border-radius: 8px; }
.workspace-ui :is(.fi, .sc-input)::placeholder { color: #9097a2; }

/* Home, settings and operations share a centered canvas with consistent gutters. */
.workspace-ui #h2home.home-body { padding: 32px var(--workspace-gutter) 48px !important; }
.workspace-ui #h2home .h2-wrap { width: 100% !important; max-width: var(--workspace-content) !important; margin: 0 auto !important; }
.workspace-ui #authorizationCapabilities { width: 100%; max-width: none; margin: 0 0 24px; padding: 28px; border-radius: 16px; box-shadow: 0 2px 8px #20212704; background: #fff; }
.workspace-ui .capability-heading { margin-bottom: 22px; }
.workspace-ui .capability-heading small { font-size: 10px; }
.workspace-ui .capability-heading h2 { font-size: 26px; font-weight: 650; letter-spacing: -.03em; margin: 10px 0; }
.workspace-ui .capability-heading p { font-size: 14px; color: var(--workspace-muted); }
.workspace-ui .capability-item { padding: 18px 16px; border-radius: 10px; }
.workspace-ui .capability-item-copy small { display: none; }
.workspace-ui .capability-item-copy > span { color: var(--workspace-muted); }
.workspace-ui .capability-detail { min-height: 148px; padding: 22px; margin-top: 16px; border-radius: 10px; background: #fafbfc; }
.workspace-ui .capability-detail h3 { font-size: 19px; font-weight: 650; }
.workspace-ui .capability-detail p { color: var(--workspace-muted); font-size: 14px; line-height: 1.75; }
.workspace-ui .capability-next { color: var(--workspace-muted); }
.workspace-ui #authorizationCapabilities.is-connected { margin-top: 24px; padding: 22px; }
.workspace-ui #authorizationCapabilities.is-connected .capability-heading :is(small,p) { display: none; }
.workspace-ui #authorizationCapabilities.is-connected .capability-heading h2 { font-size: 20px; margin: 2px 0; }
.workspace-ui #authorizationCapabilities.is-connected .capability-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
.workspace-ui #authorizationCapabilities.is-connected .capability-item { padding: 14px; }
.workspace-ui #authorizationCapabilities.is-connected .capability-detail { min-height: 126px; }
.workspace-ui .ov2-head .ov2-eyebrow { display: none; }
.workspace-ui .ov2-head h1 { font-size: 24px; font-weight: 650; }
.workspace-ui #page-10 .acct-wrap, .workspace-ui #page-8 .oc-wrap, .workspace-ui #page-6 .guide-body { padding: 28px var(--workspace-gutter) 48px; max-width: none; width: 100%; }
.workspace-ui #page-10 .acct-wrap > *, .workspace-ui #page-8 .oc-wrap > * { width: 100%; max-width: var(--workspace-content); margin-left: auto; margin-right: auto; }
.workspace-ui #page-6 .guide-wrap { max-width: var(--workspace-form); margin: 0 auto; }
.workspace-ui #page-10 .acct-kicker { display: none; }
.workspace-ui #page-10 .acct-title { font-size: 24px; line-height: 1.4; font-weight: 650; }
.workspace-ui #page-10 .acct-stage-panel { border-radius: 12px; box-shadow: none; }
.workspace-ui #page-10 .acct-stage { grid-template-columns: minmax(0,1fr); }
.workspace-ui #page-10 :is(.acct-stage-rail,.acct-stage-kicker) { display: none; }
.workspace-ui #page-10 .acct-stage-panel::before { display: none; }
.workspace-ui #page-10 .acct-stage-panel { padding: 22px; }
.workspace-ui #page-10 .acct-stage-title { font-size: 17px; font-weight: 650; }
.workspace-ui #page-10 .acct-btn { font-weight: 550; }
.workspace-ui #page-10 .acct-btn:is(.store-primary,.tiktok-primary) { color: #bd2549; border: 1px solid #e3a5b4; background: #fff; box-shadow: none; }
.workspace-ui #page-10 .acct-btn:is(.store-primary,.tiktok-primary):hover { background: #fff0f3; }
.workspace-ui #page-10 .acct-store-summary { background: #fafbfc; border-color: var(--workspace-line); border-radius: 9px; gap: 10px; }
.workspace-ui #page-10 :is(.acct-store-icon,.acct-icon.creator) { background: #f0f2f5; color: #626b79; border-color: var(--workspace-line); box-shadow: none; }
.workspace-ui #page-10 .acct-capabilities { border-color: var(--workspace-line); padding-top: 9px; }
.workspace-ui #page-10 .acct-capability-dot { background: #a4acb7; box-shadow: none; }

/* Size account cards from the available content width, including empty tracks. */
.workspace-ui #page-10 :is(.acct-store-list,#acctCreatorList) { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch; }
.workspace-ui #page-10 :is(.acct-store-summary,.acct-creator-row) { width:100%;max-width:460px;min-width:0;padding:16px;margin:0;gap:12px; }
.workspace-ui #page-10 .acct-store-summary { grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;align-content:start; }
.workspace-ui #page-10 .acct-store-icon { width:36px;height:36px; }
.workspace-ui #page-10 .acct-store-details { min-width:0; }
.workspace-ui #page-10 .acct-store-name { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere; }
.workspace-ui #page-10 .acct-store-meta { overflow-wrap:anywhere; }
.workspace-ui #page-10 .acct-store-category { display:block;min-width:0; }
.workspace-ui #page-10 .acct-store-category .acct-store-meta { margin-top:0; }
.workspace-ui #page-10 .acct-capabilities { display:flex;flex-wrap:wrap;gap:6px 12px;align-content:start;padding:0;border:0; }
.workspace-ui #page-10 .acct-capability { white-space:nowrap;font-size:12px;gap:5px;color:var(--workspace-muted); }
.workspace-ui #page-10 .acct-heading-line { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.workspace-ui #page-10 .acct-heading-line .acct-status { margin:0; }
.workspace-ui #page-10 .acct-creator-row { display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-content:start; }
.workspace-ui #page-10 .acct-creator-details { gap:1px; }
.workspace-ui #page-10 .acct-creator-state { grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px; }
.workspace-ui #page-10 .acct-creator-state :is(.acct-status,.acct-row-meta) { margin:0; }
.workspace-ui #page-10 .acct-creator-shop { grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-self:start;gap:8px;margin:0;min-width:0; }
.workspace-ui #page-10 .acct-creator-shop select { width:100%;min-width:0;max-width:none;min-height:36px; }
.workspace-ui #page-10 :is(.acct-store-actions,.acct-creator-actions) { grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--workspace-line);margin:0; }
.workspace-ui #page-10 .acct-btn { min-height:36px; }
.workspace-ui #page-10 :is(.acct-store-list,#acctCreatorList) > .acct-empty { grid-column:1/-1; }
@media(max-width:640px) {
  .workspace-ui #page-10 .acct-stage-panel { padding:16px; }
  .workspace-ui #page-10 .acct-store-summary { grid-template-columns:36px minmax(0,1fr) auto; }
  .workspace-ui #page-10 .acct-store-summary > .acct-status { grid-column:auto;justify-self:end; }
}

/* Form pages: a comfortable line length and a single task hierarchy. */
.workspace-ui :is(#page-1, #page-2:where(:not(.vps-publish))) { --flow-accent: #e62855; --flow-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Segoe UI', sans-serif; --flow-display: var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-single-col .left-panel { padding: 28px var(--workspace-gutter) 48px; gap: 16px; align-items: center; }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-single-col .left-panel > * { width: 100%; max-width: var(--workspace-form); margin-left: auto; margin-right: auto; }
.workspace-ui #page-2:where(:not(.vps-publish)) .flow-hero { display: none; }
.workspace-ui #page-1 .left-panel { padding: 28px var(--workspace-gutter) 48px; }
.workspace-ui #cloneUniversalBody, .workspace-ui #cloneApparelBody { width: 100%; max-width: var(--workspace-form); margin: 0 auto; }
.workspace-ui #page-1 .flow-hero { margin-bottom: 0; align-items: center; }
.workspace-ui #page-1 .flow-hero h1 { font-size: 24px; font-weight: 650; margin: 0 0 6px; }
.workspace-ui #page-1 .flow-hero p { font-size: 14px; color: var(--workspace-muted); line-height: 1.65; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-runway { min-height: 50px; padding: 10px 4px; margin: 0 0 16px; border: 0; border-bottom: 1px solid var(--workspace-line); border-radius: 0; box-shadow: none; background: transparent; gap: 12px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .flow-runway { margin-bottom: 0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-runway::before { display: none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node { grid-template-columns: 24px minmax(0,1fr); column-gap: 8px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node > span { width: 24px; height: 24px; border: 1px solid #e3e6ec; background: #fff; color: #626b79; box-shadow: none; font-size: 12px; font-weight: 600; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node b { font-size: 13px; font-weight: 600; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node small { display: none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-step-card { padding: 24px; border-radius: 12px; border-color: var(--workspace-line); box-shadow: 0 1px 3px #1f293703; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .step-title { font-family: inherit; font-size: 16px !important; font-weight: 650; letter-spacing: 0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .step-num { color: #bd2549 !important; background: #fff0f3 !important; font-weight: 650; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .step-sub { font-size: 13px; line-height: 1.6; color: var(--workspace-muted); margin: 6px 0 16px; padding-left: 0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-step-card .fl { gap: 18px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-choice-row { display: flex !important; flex-wrap: wrap; gap: 10px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-choice-row > * { flex: 0 1 auto !important; min-width: 160px; margin: 0; padding: 10px 18px; border-radius: 8px; font-size: 14px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-choice-primary { background: #fff !important; border: 1px solid #e3a5b4 !important; color: #bd2549 !important; box-shadow: none !important; }
.workspace-ui #page-2:where(:not(.vps-publish)) #removePublishVideoBtn { flex: 0 0 auto !important; min-width: 0; color: #626b79; }
.workspace-ui #page-2:where(:not(.vps-publish)) .uploaded-preview { background: #fafbfc; border: 1px solid var(--workspace-line); }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb { background: #fff !important; border-color: var(--workspace-line) !important; color: #626b79 !important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb svg { stroke: #9097a2; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb span { color: #626b79; }
.workspace-ui #page-2:where(:not(.vps-publish)) .api-micro-c { color: #626b79 !important; background: #f1f3f6 !important; border-color: #e5e7ec !important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-bar-wrap { display: none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .radio-group { display: flex; flex-wrap: wrap; }
.workspace-ui #page-2:where(:not(.vps-publish)) .radio-opt { min-width: 132px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-dock { position: static; border: 0; border-top: 1px solid var(--workspace-line); border-radius: 0; background: transparent; box-shadow: none; padding: 20px 0 0; grid-template-columns: 1fr auto; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishSubmitBtn { width: auto; min-width: 184px; padding: 12px 24px; background: #e62855 !important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-ai-label input { accent-color: #e62855; }
.workspace-ui .workspace-aux-toggle, .workspace-ui .workspace-aside-close { min-height: 36px; padding: 7px 12px; border: 1px solid var(--workspace-line); border-radius: 8px; background: #fff; color: #515b69; font: 500 13px var(--flow-body); cursor: pointer; white-space: nowrap; }
.workspace-ui .workspace-aux-toggle { margin-left: auto; }
.workspace-ui .workspace-aux-toggle[aria-expanded=true] { border-color: #e3a5b4; color: #bd2549; background: #fff6f8; }
.workspace-ui .workspace-aside-close { margin-left: auto; }
.workspace-ui :is(#page-1,#page-9).workspace-managed > .two-col { display: grid; grid-template-columns: minmax(0,1fr); min-height: 0; }
.workspace-ui .workspace-managed > .two-col > .right-panel { display: none; min-width: 0; min-height: 0; border-left: 1px solid var(--workspace-line) !important; }
.workspace-ui :is(#page-1,#page-9).workspace-managed.workspace-aside-open > .two-col { grid-template-columns: minmax(0,1fr) 400px; }
.workspace-ui .workspace-managed.workspace-aside-open > .two-col > .right-panel { display: flex; }
.workspace-ui .workspace-managed .right-panel::before { display: none; }
.workspace-ui .workspace-managed .right-panel .ai-head { padding: 20px; min-height: 76px; border-bottom: 1px solid var(--workspace-line); gap: 10px; }
.workspace-ui .workspace-managed .right-panel :is(.ai-av,.ai-mode-tag) { display: none; }
.workspace-ui .workspace-managed .right-panel .ai-nm { font: 650 15px var(--flow-body); color: var(--workspace-ink); }
.workspace-ui .workspace-managed .right-panel .ai-st { font-size: 12px; color: var(--workspace-muted); line-height: 1.5; }
.workspace-ui .workspace-managed .right-panel .chat { padding: 20px; }
.workspace-ui .workspace-records { padding: 12px 0; border-top: 1px solid var(--workspace-line); }
.workspace-ui .workspace-records summary { color: #515b69; font-size: 13px; font-weight: 600; cursor: pointer; }
.workspace-ui .workspace-records #scRecentCard, .workspace-ui .workspace-records .sc-logbox { border: 0; box-shadow: none; padding: 12px 0 0; margin: 0; }
.workspace-ui .workspace-records :is(.ac-title,.sc-log-label) { display: none; }

/* Catalogs use the wider canvas; details only take space when requested. */
.workspace-ui #page-9 .left-panel { padding: 24px var(--workspace-gutter) 48px; }
.workspace-ui #page-9 .left-panel > * { width: 100%; max-width: var(--workspace-wide); margin-left: auto; margin-right: auto; }
.workspace-ui #page-9 .sc-grid { grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 16px; }
.workspace-ui #page-9 .sc-card { border-radius: 12px; box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.workspace-ui #page-9 .sc-card:hover { border-color: #e3a5b4; box-shadow: 0 4px 16px #2b344010; }
.workspace-ui #page-9 .sc-card-body { padding: 14px; gap: 7px; }
.workspace-ui #page-9 .sc-card-name { font-size: 14px; line-height: 1.5; font-weight: 600; }
.workspace-ui #page-9 :is(.sc-meta,.sc-card-meta) { color: var(--workspace-muted); font-size: 13px; line-height: 1.5; }
.workspace-ui #page-9 .sc-toolbar { gap: 10px; margin-bottom: 14px; }
.workspace-ui #page-9 #scTabCand.sc-btn-primary { background: #fff0f3; color: #bd2549; border: 1px solid #f5cad5; }
.workspace-ui #page-9 #scChinoCard { padding: 0; border: 0; box-shadow: none; }
.workspace-ui #page-9 #scTrack:has(#scChinoCard:not([style*="display: none"]):not([style*="display:none"])) > .bai { display: none; }
.workspace-ui #page-9 .sc-review-title { font-size: 16px; line-height: 1.5; margin: 8px 0 16px; }
.workspace-ui #page-9 .ac-row { padding: 9px 0; border-bottom: 1px solid #f0f1f4; }
.workspace-ui #page-9 .ac-key { color: var(--workspace-muted); font-size: 13px; }
.workspace-ui #page-9 .ac-val { font-size: 13px; overflow-wrap: anywhere; }
.workspace-ui #page-9 #scChinoVariants { overflow-x: auto; }
.workspace-ui :is(#page-3,#page-4,#page-5) :is(th,td) { font-family: var(--flow-body); }
.workspace-ui #page-3 :is(.stat-strip,.toolbar,.prod-two-col,#batchBar) { width: calc(100% - var(--workspace-gutter) * 2); max-width: var(--workspace-wide); margin-left: auto; margin-right: auto; }
.workspace-ui :is(#page-4 .hist-body,#page-5 .log-body) { padding: 24px var(--workspace-gutter); gap: 16px; }
.workspace-ui :is(#page-4 .hist-body,#page-5 .log-body) > * { width: 100%; max-width: var(--workspace-wide); margin-left: auto; margin-right: auto; }
.workspace-ui :is(.hist-stat-bar,.hist-filters,.log-filters) { background: #fff; border: 1px solid var(--workspace-line); border-radius: 10px; }
.workspace-ui :is(#page-3,#page-4,#page-5) th { font-size: 12px; font-weight: 600; color: var(--workspace-muted) !important; }
.workspace-ui :is(#page-3,#page-4,#page-5) td { font-size: 13px; line-height: 1.5; }
.workspace-nav-toggle, .workspace-nav-backdrop { display: none; }
@media (min-width:1800px) {
  .workspace-ui :is(#page-1,#page-9).workspace-managed.workspace-aside-open > .two-col { grid-template-columns: minmax(0,1fr) 440px; }
}
@media (max-width:1200px) {
  body.workspace-ui { --workspace-gutter: 12px; }
  .workspace-ui .app { grid-template-columns: 208px minmax(0,1fr); }
  .workspace-ui :is(#page-1,#page-9).workspace-managed.workspace-aside-open > .two-col { grid-template-columns: minmax(0,1fr); }
  .workspace-ui .workspace-managed.workspace-aside-open > .two-col > .right-panel { position: fixed; top: 64px; right: 0; bottom: 0; width: min(440px,calc(100vw - 32px)); z-index: 60; box-shadow: -16px 0 48px #202b4020; }
  .workspace-ui .capability-detail { flex-direction: column; align-items: flex-start; gap: 16px; }
  .workspace-ui .page > .topbar .tb-sub { max-width: 40vw; }
}
@media (max-width:700px) {
  body.workspace-ui { --workspace-gutter: 8px; }
  body.workspace-ui .app { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: minmax(0,1fr) !important; padding-top: 0 !important; }
  body.workspace-ui .sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; max-height: none !important; z-index: 9200; display: flex !important; padding: 0 !important; transform: translateX(-100%); visibility: hidden; }
  body.workspace-ui.workspace-nav-open .sidebar { transform: translateX(0); visibility: visible; }
  body.workspace-ui .sidebar :is(.sb-top,.nav-sec,.store-sw,.sb-bot) { display: revert !important; }
  body.workspace-ui .sidebar .sb-top, body.workspace-ui .sidebar .store-sw { display: flex !important; }
  body.workspace-ui .sidebar .nav-item { margin: 2px 12px !important; padding: 9px 14px !important; font-size: 14px !important; }
  .workspace-ui .workspace-nav-toggle { display: block; border: 1px solid var(--workspace-line); background: #fff; color: #515b69; border-radius: 7px; padding: 5px 8px; font-size: 17px; }
  .workspace-ui.workspace-nav-open .workspace-nav-backdrop { display: block; position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #16203650; z-index: 9100; }
  html body.workspace-ui .page > .topbar { height: 56px; min-height: 56px; gap: 8px; }
  .workspace-ui .page > .topbar .tb-title { font-size: 16px; }
  .workspace-ui .page > .topbar :is(.tb-sub,.tb-back,.api-pill) { display: none; }
  .workspace-ui .workspace-managed.workspace-aside-open > .two-col > .right-panel { top: 56px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-step-card { padding: 18px; }
  .workspace-ui #page-1 .flow-hero { align-items: flex-start; gap: 12px; }
  .workspace-ui #page-1 .flow-hero h1 { font-size: 21px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-runway { grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; gap: 6px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node { display: flex; justify-content: flex-start; gap: 6px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node > div { display: block; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node > span { flex: 0 0 22px; width: 22px; height: 22px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-node b { font-size: 11px; }
  .workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-dock { grid-template-columns: 1fr; }
  .workspace-ui #page-2:where(:not(.vps-publish)) #publishSubmitBtn { width: 100%; }
  .workspace-ui #page-9 .sc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .workspace-ui #page-9 .sc-card-body { padding: 10px; }
  .workspace-ui #authorizationCapabilities { padding: 20px; }
  .workspace-ui .capability-heading h2 { font-size: 22px; }
  .workspace-ui .capability-heading { flex-wrap: wrap; gap: 10px; }
  .workspace-ui .capability-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-ui #authorizationCapabilities.is-connected .capability-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-ui .capability-item { padding: 14px 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .workspace-ui .sc-card, .workspace-ui .sidebar { transition: none; }
}

/* Restore the original account controls to the upper-right corner. */
html body.workspace-ui #globalUserWidget { position:fixed;left:auto;right:18px;top:14px;width:auto;max-width:calc(100vw - 36px);flex-wrap:nowrap;gap:8px; }
html body.workspace-ui .page > .topbar { padding-right:calc(var(--workspace-account-width, 0px) + 36px)!important; }
@media(max-width:1100px) {
  html body.workspace-ui #globalUserWidget { top:8px;right:12px;left:auto;max-width:calc(100vw - 24px);gap:6px; }
  html body.workspace-ui #globalUserWidget :is(.uw-avatar,.uw-email) { display:none; }
  html body.workspace-ui #globalUserWidget button { white-space:nowrap;flex-shrink:0;font-size:12px!important;padding:6px 8px!important; }
  html body.workspace-ui .page > .topbar { height:104px;min-height:104px;padding:52px var(--workspace-gutter) 10px!important; }
  .workspace-ui .workspace-managed.workspace-aside-open > .two-col > .right-panel { top:104px; }
}

/* Application icon palette: shared by static, dynamic and dialog content.
   Neutral controls, semantic status and white-on-solid actions are intentional. */
body.workspace-ui {
  --icon-pink: var(--fm-primary, #ff2c55);
  --icon-pink-soft: #fff0f4;
  --icon-cyan: #008b9a;
  --icon-cyan-soft: #e8f7f9;
  --icon-amber: #a86c09;
  --icon-amber-soft: #fff5df;
  --icon-violet: #7554b3;
  --icon-violet-soft: #f2edfb;
  --icon-neutral: #64748b;
  --icon-neutral-soft: #f0f3f7;
  --icon-success: #23845e;
  --icon-success-soft: #eaf7f0;
  --icon-danger: #d54250;
  --icon-danger-soft: #fff0f1;
}
.workspace-ui :is(.tci-p,.li-clone,.prev-thumb,.img-slot.filled) { --icon-ink:var(--icon-pink);--icon-wash:var(--icon-pink-soft); }
.workspace-ui :is(.tci-c,.li-pub,.up-thumb,.acct-icon.official,.acct-icon.creator) { --icon-ink:var(--icon-cyan);--icon-wash:var(--icon-cyan-soft); }
.workspace-ui :is(.tci-a,.li-prod,.prod-icon,.sku-th,.acct-store-icon) { --icon-ink:var(--icon-amber);--icon-wash:var(--icon-amber-soft); }
.workspace-ui :is(.li-err,.ops-agent-modal-icon) { --icon-ink:var(--icon-danger);--icon-wash:var(--icon-danger-soft); }
.workspace-ui :is(.li-sys,.img-slot,.hist-thumb) { --icon-ink:var(--icon-neutral);--icon-wash:var(--icon-neutral-soft); }
.workspace-ui .img-slot.filled { --icon-ink:var(--icon-pink);--icon-wash:var(--icon-pink-soft); }
.workspace-ui .uz-icon { --icon-ink:var(--icon-pink);--icon-wash:var(--icon-pink-soft); }
.workspace-ui #page-2:where(:not(.vps-publish)) :is(.uz-icon,#publishCoverPreview) { --icon-ink:var(--icon-cyan);--icon-wash:var(--icon-cyan-soft); }
.workspace-ui :is(.tc-icon,.log-icon,.prod-icon,.uz-icon,.acct-icon,.acct-store-icon) {
  color:var(--icon-ink)!important;
  background:var(--icon-wash)!important;
  border-color:color-mix(in srgb,var(--icon-ink) 20%,transparent)!important;
}
.workspace-ui :is(.tc-icon,.log-icon,.prod-icon,.uz-icon,.prev-thumb,.img-slot,.up-thumb,.hist-thumb,.sku-th) > svg {
  color:var(--icon-ink)!important;stroke:var(--icon-ink)!important;
}
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb { background:var(--icon-cyan-soft)!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb > svg path[fill]:not([fill="none"]) { fill:var(--icon-cyan); }
.workspace-ui .subscription-entry > svg { color:var(--icon-amber); }
.workspace-ui :is(.subscription-entry-arrow,.sub-back > svg,.sub-qr-empty > svg) { color:var(--icon-cyan); }
.workspace-ui .sub-recharge-entry .sub-entry-arrow { color:#fff; }
.workspace-ui :is(.tb-back,.store-arrow,.workspace-nav-toggle,.sub-close,.auth-close,.auth-modal-close,.gen-history-close,.prod-cli-clear,#h2-cx) { color:var(--icon-neutral); }
.workspace-ui .search-box > svg { stroke:var(--icon-neutral)!important; }
.workspace-ui .ua-reference-tab > svg { color:var(--icon-neutral);stroke:currentColor; }
.workspace-ui .ua-reference-tab.is-active > svg { color:var(--icon-pink); }
.workspace-ui :is(.hero-chat-mic,.hero-chat-tts):not(.recording):not(.active) > svg { stroke:var(--icon-cyan); }
.workspace-ui .hero-chat-mic.recording > svg { stroke:#fff; }
.workspace-ui .hero-chat-tts.active > svg { stroke:var(--icon-success); }
.workspace-ui :is(.hero-anon-demo-icon,.capability-arrow) { color:var(--icon-pink); }
.workspace-ui .capability-item.is-locked:not([aria-selected="true"]) .capability-arrow { color:var(--icon-neutral); }
.workspace-ui .capability-item.is-open .capability-check { color:var(--icon-success);background:var(--icon-success-soft);border-color:#bfe6d5; }
.workspace-ui .h2-gtask-icon { color:var(--gtc,var(--icon-pink)); }
.workspace-ui #page-8 .oc-secondary-icon { color:var(--icon-success);background:var(--icon-success-soft); }
.workspace-ui #page-8 .oc-secondary-icon.admin { color:var(--icon-violet);background:var(--icon-violet-soft); }
.workspace-ui .ov2-pending-icon { color:var(--icon-pink);background:var(--icon-pink-soft); }
.workspace-ui .ov2-pending-icon[data-icon-tone="product"] { color:var(--icon-amber);background:var(--icon-amber-soft); }
.workspace-ui .ov2-pending-icon[data-icon-tone="account"] { color:var(--icon-cyan);background:var(--icon-cyan-soft); }
.workspace-ui .ov2-pending-icon[data-icon-tone="error"] { color:var(--icon-danger);background:var(--icon-danger-soft); }
.workspace-ui .warn-bar > svg { stroke:var(--icon-amber)!important; }
.workspace-ui #opsAgentConfirm .ops-agent-modal-icon { color:var(--icon-amber);background:var(--icon-amber-soft); }
/* Solid buttons and media overlays keep a contrasting foreground. */
.workspace-ui :is(.snd-p,.snd-c,.hero-chat-send) > svg { stroke:#fff; }
.workspace-ui .snd-a > svg { stroke:#513400; }
.workspace-ui :is(.gen-btn,.hero-cta,.hist-thumb-play) > svg { fill:#fff!important; }
.workspace-ui .video-modal-close { color:#fff; }

/* Reference-style creator workspace. Use the same canvas token as other pages. */
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) { --clone-accent:var(--fm-primary,#ff2c55);--clone-ink:#db2450;--clone-soft:#fff2f6;--clone-line:#e3e7ee; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col {
  display:grid;grid-template-columns:minmax(350px,35fr) minmax(0,65fr);grid-template-rows:minmax(0,1fr);
  gap:12px;width:calc(100% - 48px);max-width:1368px;max-height:1000px;margin:18px auto 24px;min-height:0;overflow:hidden;background:var(--fm-bg)!important;
}
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .left-panel { padding:0;gap:0;overflow:hidden;min-height:0;background:var(--fm-bg)!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) :is(#cloneUniversalBody,#publishEditor).clone-editor { display:flex;flex-direction:column;gap:8px;width:100%;max-width:none;height:100%;min-height:0;flex-shrink:0;margin:0;overflow:hidden; }
.workspace-ui #cloneUniversalBody[style*="display: none"] { display:none!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor > .flow-hero { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-input-stack { display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-step-card { flex-shrink:0;min-width:0;margin:0;padding:14px;border:1px solid var(--clone-line);border-radius:10px;background:#fff;box-shadow:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-reference-card { order:2; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-product-card { order:1; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-notes-card { order:3;display:flex;flex-direction:column;flex-grow:1; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-bar { order:4; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .step-hd { display:flex;align-items:center;margin:0 0 10px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .step-num,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .step-sub { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .step-title { margin:0;font:600 15px/22px var(--flow-body)!important;color:#3f4654; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-source-tabs { display:flex;gap:0;margin:0 0 12px;padding:3px;border:1px solid #e5eaf2;border-radius:7px;background:#f5f7fa; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-source-tabs > button { position:relative;display:block;flex:1;min-width:0;min-height:31px;padding:6px 4px;margin:0;border:0;border-radius:5px;background:transparent;color:#7b8b9f;text-align:center;font:500 12px/19px var(--flow-body);cursor:pointer;box-shadow:none;transition:background .15s,color .15s; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-source-tabs > button + button::before { content:'';position:absolute;left:0;top:8px;bottom:8px;border-left:1px solid #dce3ee; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-source-tabs > button:hover { color:#475569;background:#edf1f7; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-source-tabs > button[aria-pressed=true] { color:var(--clone-ink);background:var(--clone-soft);font-weight:600;box-shadow:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-pick { display:flex;align-items:center;gap:10px;min-height:74px;padding:12px;background:#f7f9fb;border:0;border-radius:7px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-art { width:27px;height:30px;flex-shrink:0;fill:none;stroke:#9dabbc;stroke-width:1.4; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-pick > div { min-width:0;flex:1; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-pick b { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#465163;font-size:12px;font-weight:550;line-height:1.5;overflow:hidden;overflow-wrap:anywhere; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-pick span { display:block;margin-top:4px;color:#8c9bad;font-size:11px;line-height:1.6; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-secondary { flex-shrink:0;min-height:31px;padding:5px 9px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#465163;font:500 12px/19px var(--flow-body);cursor:pointer; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-secondary:hover { color:var(--clone-ink);border-color:#f4b3c3; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-field { display:flex;flex-direction:column;gap:7px;margin-top:12px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-field > label { margin:0;color:#465163!important;font-size:12px!important;font-weight:550!important;line-height:19px;letter-spacing:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-field > label > span:not(.req) { margin-left:5px;font-size:11px;font-weight:400;color:#8c9bad; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .fi { width:100%;min-width:0;min-height:36px;padding:8px 10px;border:1px solid #dfe6ef!important;border-radius:6px!important;background:#fff!important;color:#374151;font:12px/19px var(--flow-body)!important;box-shadow:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .fi::placeholder { color:#a0abba; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .fi:focus { border-color:#ec8ca4!important;box-shadow:0 0 0 2px var(--clone-soft)!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-field-hint { margin:8px 0 0;color:#8c9bad;font-size:11px;line-height:1.6; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-field > .clone-field-hint { margin:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaLinkSourcePanel { margin-top:0;padding:12px;background:#f7f9fb;border-radius:7px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-area { border:1px dashed #cdd7e4;border-radius:7px;background:#fafbfc;transition:border-color .15s,background .15s; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-area:hover,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-area.drop-hover { border-color:#ed7f9a;background:#fff8fa; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:104px;padding:12px;border:0;border-radius:7px;background:transparent;font-family:inherit;cursor:pointer; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-button b { color:#596679;font-size:12px;font-weight:500; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-button > span:last-child { color:#9aa5b3;font-size:11px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-upload-plus { color:#66788d;font:300 24px/24px var(--flow-body); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaImagePreviewWrap { margin-top:12px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaImageList { display:flex;flex-wrap:wrap;gap:10px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .ua-selected-video { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;background:#f2f5f8; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .ua-selected-video > span { min-width:0;overflow-wrap:anywhere; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .ua-selected-video > button { flex-shrink:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-match-explain { padding:12px;background:#f7f9fb;border:0;border-radius:7px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-match-explain b { font-size:12px;font-weight:550;color:#465163; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-match-explain p { margin:6px 0 0;color:#8c9bad;font-size:11px;line-height:1.7; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-notes-card .clone-field { margin:0;gap:9px;flex:1; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-notes-card textarea.fi { min-height:120px;flex:1;resize:vertical;line-height:1.7!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-bar { display:flex;flex-direction:column;align-items:stretch;gap:12px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-copy { min-width:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-copy .step-hd { margin-bottom:4px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-action-copy { margin:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaFlowChoiceTitle { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaFlowChoiceHint { margin:0;font-size:11px;line-height:1.6;color:#8c9bad; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-actions { display:flex;flex-direction:column;align-items:stretch;gap:12px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-toggle { gap:7px;font-size:12px;font-weight:400;color:#66758a; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-toggle input { width:14px;height:14px;margin:0;accent-color:var(--clone-accent); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-submit-row { display:flex;flex-direction:column;align-items:stretch;gap:10px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaChargeNotice { display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;padding-top:10px;border-top:1px solid #edf0f4; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaChargeNotice strong { color:#465163;font-size:12px;font-weight:600; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaChargeNotice > span { color:#8c9bad;font-size:11px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaSubmitBtn { display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-width:0;min-height:38px;margin:0;padding:9px 16px;border-radius:6px!important;background:var(--clone-accent)!important;color:#fff;font-size:13px!important;font-weight:600!important;box-shadow:none;transition:background .15s; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaSubmitBtn:hover:not(:disabled) { background:#e91e53!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor #uaSubmitBtn:disabled { cursor:not-allowed; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor [hidden] { display:none!important; }

/* Wide result canvas mirrors the reference's two-column creator layout. */
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col > .right-panel { display:flex;position:static;inset:auto;width:auto;min-height:0;max-height:none;height:100%;margin:0;padding:12px;border:1px solid var(--clone-line)!important;border-radius:10px;background:#fff!important;box-shadow:none;overflow:hidden;align-self:stretch;z-index:auto; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel::before { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel .clone-output-nav { display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:44px;padding:0;border:1px solid #e4eaf2;border-radius:7px;background:#f8fafc!important;flex-shrink:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-current,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-history { position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;font:500 13px/20px var(--flow-body); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-current { color:var(--clone-ink); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-current span { position:relative; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-current span::after { content:'';position:absolute;left:20%;right:20%;bottom:-9px;height:2px;background:var(--clone-accent);border-radius:2px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-history { border:0;border-radius:0;background:transparent;color:#7d8da2;cursor:pointer; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-history::before { content:'';position:absolute;left:0;top:9px;bottom:9px;border-left:1px solid #dce3ee; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-output-history:hover { color:var(--clone-ink); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-result-shortcut { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel .chat { min-height:0;padding:14px 0 0;gap:12px!important;flex:1 1 auto;overflow:auto; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:500;color:#586579; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneProgressBadge { padding:3px 8px;border-radius:5px;background:#f3f5f8;color:#8794a5;font-size:11px;font-weight:400; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=idle] .clone-progress-track { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=idle] + .bai { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track { display:flex;list-style:none;margin:24px 0 0;padding:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li { position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:#7d8797; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li:not(:last-child)::after { content:'';position:absolute;top:13px;left:calc(50% + 19px);width:calc(100% - 38px);height:1px;background:#dfe4eb; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-marker { display:grid;place-items:center;width:27px;height:27px;border:1px solid #dfe4eb;border-radius:50%;background:#fff;font-size:11px;font-weight:600; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=complete] { color:#21846b; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=complete] .clone-progress-marker { background:#e8f8f1;border-color:#b8e8d6;color:#168064; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=complete]::after { background:#b8e8d6; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=running] { color:var(--clone-ink);font-weight:600; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=running] .clone-progress-marker { color:#fff;background:var(--clone-accent);border-color:var(--clone-accent);box-shadow:0 0 0 4px var(--clone-soft); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=running] #cloneProgressBadge { background:var(--clone-soft);color:var(--clone-ink); }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=completed] #cloneProgressBadge { background:#e8f8f1;color:#168064; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=paused] #cloneProgressBadge,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=paused] .clone-progress-marker { background:#fff4da;color:#996315;border-color:#f2d69a; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-summary[data-status=failed] #cloneProgressBadge,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-progress-track li[data-state=failed] .clone-progress-marker { background:#fff0f3;color:#c43854;border-color:#f0bdc9; }

.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneChat > .bai { margin:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneStatusText { padding:10px 12px!important;border:0!important;border-radius:6px!important;background:#f7f9fc!important;color:#7a8799!important;font:12px/1.7 var(--flow-body)!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneStatusTime { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-placeholder { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-height:380px;padding:32px 24px;border:1px dashed #e0e7f0;border-radius:8px;background:#fff;flex-shrink:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-placeholder[hidden] { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-empty-film { width:28px;height:28px;fill:none;stroke:#c8d4e3;stroke-width:1.6; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-caption { display:flex;flex-direction:column;align-items:center;gap:8px;max-width:310px;text-align:center; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-caption b { font-size:13px;font-weight:500;color:#8292a9; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-caption > span { font-size:12px;color:#8c9db3;line-height:1.7; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneUniversalCards:empty { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneUniversalCards:not(:has(> :not([style*="display:none"]):not([style*="display: none"]))) { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-log-details { border:0;border-top:1px solid #edf0f5;border-radius:0;background:transparent;padding:12px 0 0;margin:0; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .flow-log-details summary { color:#8c9db3;font-size:11px; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #cloneChat:has(.clone-progress-summary[data-status=idle]) .flow-log-details { display:none; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel .action-card { border-color:#e4eaf2!important;border-radius:8px!important;box-shadow:none!important; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) #uaGenVideo { max-height:520px!important;object-fit:contain; }
@media(max-width:1200px) and (min-width:981px) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col { width:calc(100% - 32px);grid-template-columns:minmax(320px,40fr) minmax(0,60fr);margin:16px auto; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-step-card { padding:12px; }
}
@media(max-width:980px) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col { width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:max-content;max-height:none;align-content:start;overflow-y:auto;margin:16px auto; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .left-panel { overflow:visible; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) :is(#cloneUniversalBody,#publishEditor).clone-editor { height:auto;overflow:visible; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-input-stack { flex:none;overflow:visible; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col > .right-panel { height:auto;min-height:520px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel .chat { overflow:visible; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-result-shortcut { display:block; }
}
@media(max-width:700px) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col { width:calc(100% - 24px);margin:12px auto; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .fi { font-size:14px!important; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-pick { padding:10px;gap:9px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .clone-store-art { width:24px;height:28px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-preview-placeholder { min-height:320px; }
}
@media(prefers-reduced-motion:reduce) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor :is(.clone-source-tabs > button,.clone-upload-area,#uaSubmitBtn) { transition:none; }
}

/* Publishing shares the clone workspace; only its form controls differ. */
.workspace-ui #page-2:where(:not(.vps-publish)) .topbar > .ov2-top-link { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .left-panel { align-items:stretch;max-width:none;width:100%;margin:0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .fl { display:flex;flex-direction:column;gap:10px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .clone-field { margin:0;gap:6px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-content-section .step-hd { gap:8px;margin-bottom:6px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-ai-fill { margin-left:auto;min-height:27px;padding:3px 9px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-field-hint { margin:0;color:#8c9bad;font:11px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-content-section > .publish-field-hint { margin-bottom:10px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-source-tabs > button { min-width:0!important;margin:0!important;padding:6px 4px!important;border:0!important;border-radius:5px!important;font-size:12px!important;box-shadow:none!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-source-tabs > .flow-choice-primary { background:transparent!important;color:#7b8b9f!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-source-tabs > button[aria-pressed=true] { background:var(--clone-soft)!important;color:var(--clone-ink)!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .uploaded-preview { display:flex;align-items:center;gap:10px;min-height:76px;margin:0;padding:10px 12px;border:0;border-radius:7px;background:#f7f9fb; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb { flex-shrink:0;width:30px;min-height:0;height:auto;padding:0;border:0;background:transparent!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb svg { width:26px;height:26px;stroke:#9dabbc!important;color:#9dabbc!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb svg path[fill] { fill:#9dabbc!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-thumb > span { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-file-info { flex:1;min-width:0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-name { color:#465163;font:550 12px/1.6 var(--flow-body);overflow-wrap:anywhere; }
.workspace-ui #page-2:where(:not(.vps-publish)) :is(.up-meta,.up-done) { margin-top:3px;color:#8c9bad;font:11px/1.6 var(--flow-body);overflow-wrap:anywhere; }
.workspace-ui #page-2:where(:not(.vps-publish)) #removePublishVideoBtn { flex:none;margin:0;padding:5px 8px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#66758a;font:11px/19px var(--flow-body);cursor:pointer; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishTitle { min-height:70px;resize:vertical;line-height:1.7!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .fi-counter { margin:0;font-size:10px;line-height:14px;color:#8c9bad;text-align:right; }
.workspace-ui #page-2:where(:not(.vps-publish)) .prod-row-c { display:flex;align-items:center;gap:10px;min-height:64px;margin:0;padding:10px 12px;border:0;border-radius:7px;background:#f7f9fb; }
.workspace-ui #page-2:where(:not(.vps-publish)) .prod-icon { flex-shrink:0;width:26px;height:28px;border:0;background:transparent!important;color:#9dabbc!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .prod-icon svg { width:24px;height:24px;stroke:#9dabbc!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-product-info { flex:1;min-width:0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .prod-name { font:550 12px/1.6 var(--flow-body);color:#465163;overflow-wrap:anywhere; }
.workspace-ui #page-2:where(:not(.vps-publish)) .prod-price { margin-top:3px;font:11px/1.6 var(--flow-body);color:#8c9bad!important;overflow-wrap:anywhere; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-ai-label { display:flex;align-items:center;gap:7px;margin:0;padding:0;font:400 12px/1.6 var(--flow-body);color:#66758a; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-ai-label input { width:14px;height:14px;margin:0;accent-color:var(--clone-accent); }
.workspace-ui #page-2:where(:not(.vps-publish)) .acct-row { gap:7px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .acct-add { flex-shrink:0;width:36px;height:36px;min-height:36px;padding:0;font-size:19px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-auth-bar { flex-wrap:wrap;gap:6px;margin:0;padding:8px 10px;background:#f7f9fb;border:0;border-radius:6px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-auth-bar-text { min-width:130px;flex:1;color:#8c9bad;font:11px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-auth-pill { border:0;border-radius:4px;padding:2px 5px;font-size:10px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .pub-auth-btn { border:0;background:transparent;padding:3px;color:#66758a;font-size:11px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .radio-group { flex-wrap:nowrap;margin:0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .radio-opt .rdot { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .radio-opt .radio-text { color:inherit;font:inherit; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .radio-opt.sel-c { color:var(--clone-ink);background:var(--clone-soft);font-weight:600; }
.workspace-ui #page-2:where(:not(.vps-publish)) .sched-row { gap:8px;margin:0; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-review-section:has(#r-later:not(.sel-c)) #sched-inputs { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-dock { display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:10px;width:100%;min-width:0;margin:0;padding:14px;border:1px solid var(--clone-line);border-radius:10px;background:#fff;box-shadow:none;backdrop-filter:none;z-index:auto; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-note b { color:#3f4654;font:600 15px/22px var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-note span { margin-top:5px;color:#8c9bad;font:11px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishSubmitBtn { display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-width:0;min-height:38px;padding:9px 16px;margin:0;border:0;border-radius:6px;background:var(--clone-accent)!important;color:#fff;font:600 13px/20px var(--flow-body)!important;box-shadow:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishSubmitBtn:hover:not(:disabled) { background:#e91e53!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishPreviewBadge { padding:3px 8px;border-radius:5px;background:#f3f5f8;color:#8794a5;font:400 11px/18px var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishVideoPreviewWrap { padding:12px!important;margin:0!important;border:1px solid #e4eaf2!important;border-radius:8px!important;background:#f7f9fb!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishVideoPreview { display:block;max-height:520px!important;object-fit:contain; }
.workspace-ui #page-2:where(:not(.vps-publish)) .preview-audio-row { flex-wrap:wrap;gap:8px;margin-top:10px; }
.workspace-ui #page-2:where(:not(.vps-publish)) .preview-audio-note { color:#8c9bad;font:11px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) .preview-audio-btn { color:#66758a;font:12px/1.5 var(--flow-body);border:1px solid #dce3ec;border-radius:6px;background:#fff;padding:5px 8px; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard { flex-shrink:0;margin:0!important;padding:14px;border:1px solid #e4eaf2;border-radius:8px;background:#fff;box-shadow:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard .ac-title { margin-bottom:8px;color:#465163;font:600 13px/20px var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard .ac-row { gap:14px;padding:7px 0; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard .ac-key { flex-shrink:0;color:#8c9bad;font:12px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard .ac-val { min-width:0;overflow-wrap:anywhere;color:#465163;font:12px/1.6 var(--flow-body); }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishStatusCard .content-auth-btn { min-height:31px;width:auto;flex:none;padding:5px 10px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#66758a;font:12px/19px var(--flow-body); }
@media(max-width:1200px) and (min-width:981px) { .workspace-ui #page-2:where(:not(.vps-publish)) .publish-submit-dock { padding:12px; } }
/* Match inherited publish controls to the shared editor tokens. */
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .clone-field > label > span[data-i18n] { margin:0;font:inherit;color:inherit; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-source-tabs > button { color:#7b8b9f!important;background:transparent!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-source-tabs > button[aria-pressed=true] { color:var(--clone-ink)!important;background:var(--clone-soft)!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) :is(.uploaded-preview,.prod-row-c) { background:#f7f9fb!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-done { color:#8c9bad!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .up-done::before { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) .publish-video-section:not(:has([aria-pressed=true])) .up-done { display:none; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishSubmitBtn { border-radius:6px!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .fl { gap:8px; }
.workspace-ui #page-2:where(:not(.vps-publish)) #publishTitle { min-height:60px;height:60px; }
.workspace-ui #page-2:where(:not(.vps-publish)) #sched-inputs { grid-template-columns:1fr 1fr; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .radio-opt { color:#7b8b9f!important;background:transparent!important;border:0!important;border-radius:5px!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .clone-editor .radio-opt.sel-c { color:var(--clone-ink)!important;background:var(--clone-soft)!important; }
.workspace-ui #page-2:where(:not(.vps-publish)) .preview-audio-btn { color:#66758a!important;border-color:#dce3ec!important;background:#fff!important; }

/* Fill the available width and start at the top. Long pages scroll as one canvas. */
.workspace-ui .main,.workspace-ui .page { min-width:0;min-height:0; }
.workspace-ui .page > :is(.home-body,.two-col,.prod-body,.hist-body,.log-body,.guide-body,.oc-wrap,.acct-wrap) { overflow-anchor:none;scroll-behavior:auto; }
.workspace-ui #h2home.home-body { min-height:0;padding:var(--workspace-gutter)!important; }
.workspace-ui :is(#page-8 .oc-wrap,#page-10 .acct-wrap,#page-6 .guide-body,#page-4 .hist-body,#page-5 .log-body) {
  min-height:0;padding:var(--workspace-gutter);overflow-y:auto;align-content:start;
}
.workspace-ui :is(#page-8 .oc-wrap,#page-10 .acct-wrap) > * { max-width:none; }
.workspace-ui #page-8 .oc-kpi-value { white-space:normal;overflow-wrap:anywhere;line-height:1.3; }
.workspace-ui #page-8 .oc-head { gap:12px; }
.workspace-ui #page-8 .oc-head > div { min-width:0; }
.workspace-ui #page-8 .oc-refresh { flex-shrink:0;white-space:nowrap; }
.workspace-ui #page-6 .guide-wrap { width:100%;max-width:none; }
.workspace-ui :is(#page-4 .hist-body,#page-5 .log-body) > * { flex-shrink:0; }
.workspace-ui :is(#page-4 .hist-list,#page-5 .log-list) { flex:none;overflow:visible;padding:0; }
.workspace-ui :is(.hist-filters,.log-filters) { flex-wrap:wrap; }
.workspace-ui :is(.hist-filters,.log-filters) > * { max-width:100%; }

.workspace-ui #page-3 .prod-body { min-height:0;padding:var(--workspace-gutter);gap:12px;overflow-y:auto; }
.workspace-ui #page-3 :is(.stat-strip,.toolbar,.prod-two-col,#batchBar) { width:100%;max-width:none;margin:0;flex-shrink:0; }
.workspace-ui #page-3 .prod-two-col { flex:none;overflow:visible; }
.workspace-ui #page-3 .table-wrap { height:auto;overflow:auto;overscroll-behavior:auto; }
.workspace-ui #page-3 .toolbar { flex-wrap:wrap;border-bottom:1px solid var(--workspace-line);border-radius:10px; }
.workspace-ui #page-3 .stat-strip { border-radius:10px; }

.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col {
  width:calc(100% - var(--workspace-gutter) * 2);max-width:none;max-height:none;margin:var(--workspace-gutter);
  grid-template-rows:minmax(min-content,1fr);align-content:start;overflow:auto;
}
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .left-panel { overflow:visible; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) :is(#cloneUniversalBody,#publishEditor).clone-editor { height:100%;min-height:min-content;overflow:visible; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-input-stack { flex:1 0 auto;min-height:min-content;overflow:visible; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col > .right-panel { height:auto;overflow:visible; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .right-panel .chat { flex:1 0 auto;overflow:visible; }
.workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) :is(#uaGenVideo,#publishVideoPreview) { max-height:min(76vh,900px)!important;object-fit:contain; }
.workspace-ui #page-9.workspace-managed > .two-col { grid-template-rows:minmax(min-content,1fr);overflow-y:auto;align-content:start; }
.workspace-ui #page-9 .left-panel { overflow:visible;padding:var(--workspace-gutter); }
.workspace-ui #page-9 .left-panel > * { max-width:none;flex-shrink:0; }
.workspace-ui #page-9 .sc-grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
@media(min-width:1201px) {
  .workspace-ui #page-9.workspace-managed > .two-col > .right-panel { position:sticky;top:0;align-self:start;height:var(--workspace-canvas-height);overflow:hidden; }
  .workspace-ui #page-9 .right-panel .chat { flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:auto; }
}
@media(min-width:1440px) {
  .workspace-ui #page-6 .guide-wrap { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
  .workspace-ui #page-6 .guide-section:first-child { grid-column:1/-1; }
}
@media(min-width:1800px) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .flow-step-card { padding:20px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .step-title { font-size:17px!important;line-height:25px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor :is(.fi,.clone-field > label,.clone-store-pick b,.clone-source-tabs > button,.clone-secondary) { font-size:14px!important;line-height:1.6; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor .fi { min-height:42px; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-editor :is(.clone-field-hint,.clone-store-pick span,.publish-field-hint) { font-size:12px; }
}
@media(max-width:980px) {
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed > .two-col,
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))).workspace-managed.workspace-aside-open > .two-col { grid-template-rows:none;grid-auto-rows:max-content; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) :is(#cloneUniversalBody,#publishEditor).clone-editor { height:auto; }
  .workspace-ui :is(#page-1,#page-2:where(:not(.vps-publish))) .clone-input-stack { flex:none; }
}
@media(max-width:700px) {
  .workspace-ui #page-8 .oc-kpi-value { font-size:22px; }
  .workspace-ui #page-8 .oc-refresh { padding:8px 10px;font-size:12px; }
  .workspace-ui #page-9 .sc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-ui #page-9 .sc-toolbar { flex-wrap:wrap; }
  .workspace-ui #page-9 .sc-toolbar :is(input,select) { min-width:0;max-width:100%!important; }
  .workspace-ui #page-3 .search-box { flex-basis:100%;max-width:none; }
  .workspace-ui :is(#page-4 .hist-stat-bar,#page-3 .stat-strip) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* The store picker and creator authorization belong to the light workspace. */
.workspace-ui .store-picker { background:#fff;border-color:#e3e7ee;box-shadow:0 8px 24px #26334d0d; }
.workspace-ui .sp-item { border-bottom-color:#edf0f5; }
.workspace-ui .sp-item:hover { background:#f6f8fb; }
.workspace-ui .sp-active { background:#fff0f3!important;border-left-color:#ff2d65; }
.workspace-ui .sp-name { color:#303a4b; }
.workspace-ui .sp-handle { color:#748092; }
.workspace-ui .sp-add { color:#d62e59;background:#fafbfc;border-top-color:#e8edf3; }
.workspace-ui .sp-add:hover { background:#fff0f3; }
.workspace-ui #contentAuthModal .content-auth-item { background:#f6f8fb;border:1px solid #e4e9f0;padding:12px;border-radius:8px; }
.workspace-ui #contentAuthModal .content-auth-label { color:#748092;font-size:13px; }
.workspace-ui #contentAuthModal .content-auth-value { color:#303a4b;font-size:14px; }
.workspace-ui #contentAuthModal .content-auth-note { color:#6b7687; }
.workspace-ui #contentAuthModal summary { color:#526074;cursor:pointer;line-height:24px; }
.workspace-ui #contentAuthModal details[open] summary { margin-bottom:10px; }
.workspace-ui #contentAuthModal .content-auth-btn { min-height:40px; }
.workspace-ui :is(#contentAuthModal,#publishStatusCard) .content-auth-btn.secondary { background:#f6f8fb;border:1px solid #dfe6ee;color:#526074; }
.workspace-ui :is(#contentAuthModal,#publishStatusCard) .content-auth-btn.secondary:hover { background:#edf7fa;border-color:#a7dce5;color:#00899e; }