:root {
  --bg:#15110b;
  --surface:rgba(255,255,255,.055);
  --surface-2:rgba(249,115,22,.09);
  --surface-3:rgba(245,158,11,.12);
  --line:rgba(253,186,116,.14);
  --accent:#F97316;
  --accent-2:#FBBF24;
  --accent-3:#EF4444;
  --status:#22C55E;
  --ink:#fff8ee;
  --muted:#c1ad95;
  --shadow:0 18px 50px rgba(0,0,0,.28);
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; font-size:14px; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 26%),
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--status) 9%,transparent),transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 32%,rgba(255,255,255,.018));
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%);
}
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
h1,h2,p { margin:0; }
.side-nav { position:fixed; inset:0 auto 0 0; width:190px; padding:16px 12px; background:rgba(9,9,9,.88); border-right:1px solid color-mix(in srgb,var(--line) 82%,transparent); z-index:20; backdrop-filter:blur(18px); }
.brand { display:flex; gap:10px; align-items:center; margin-bottom:38px; }
.brand span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:#100806; font-weight:900; background:linear-gradient(135deg,var(--accent-2),var(--accent)); box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent); }
.brand strong { display:block; font-size:17px; }
.brand small { color:var(--muted); }
.side-nav nav { display:grid; gap:10px; }
.side-nav a { display:flex; gap:10px; align-items:center; min-height:48px; padding:0 10px; color:var(--muted); font-weight:900; text-decoration:none; border-radius:14px; }
.side-nav a b { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--surface); color:var(--muted); }
.side-nav a.active { color:var(--ink); background:linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--status) 8%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.side-nav a.active b { background:var(--status); color:#041316; box-shadow:0 0 20px color-mix(in srgb,var(--status) 28%,transparent); }
.app-shell { margin-left:190px; min-height:100vh; position:relative; }
.top-bar { position:sticky; top:0; z-index:12; min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 28px; border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent); background:rgba(15,14,13,.82); backdrop-filter:blur(22px); box-shadow:0 14px 38px rgba(0,0,0,.18); }
.top-bar p,.section-head p { color:var(--accent-2); font-size:12px; font-weight:900; }
.top-bar h1 { margin-top:4px; font-size:22px; }
.login-box { display:flex; gap:8px; align-items:center; }
input,select,textarea { width:100%; border:1px solid color-mix(in srgb,var(--line) 82%,transparent); border-radius:12px; background:rgba(0,0,0,.24); color:var(--ink); outline:none; }
input:focus,select:focus,textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(6,182,212,.13); }
input,select { min-height:40px; padding:0 12px; }
textarea { min-height:150px; padding:12px; resize:vertical; line-height:1.7; }
label { display:grid; gap:7px; font-weight:900; }
label span,.metric-card span,.metric-card small { color:var(--muted); }
.login-box input { width:160px; }
.login-box button,.primary-btn,.outline-btn,.download-btn,.theme-switch button { position:relative; min-height:50px; padding:0 22px; border-radius:16px; font-weight:900; transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease; overflow:hidden; }
.login-box button,.primary-btn { border:0; color:#110806; background:linear-gradient(120deg,var(--accent-2),var(--accent)); background-size:170% 170%; box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 1px rgba(255,255,255,.13) inset; animation:buttonGradient 4.2s ease infinite,pulseGlow 3s ease-in-out infinite; }
.outline-btn,.download-btn,.theme-switch button { border:1px solid color-mix(in srgb,var(--line) 84%,transparent); background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 5%,transparent)); color:var(--ink); text-decoration:none; }
.login-box button::after,.primary-btn::after,.outline-btn::after,.download-btn::after,.theme-switch button::after { content:""; position:absolute; inset:-2px auto -2px -60%; width:48%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); opacity:0; }
.theme-switch { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; max-width:720px; }
.theme-switch button { min-height:40px; padding:0 16px; color:var(--muted); }
.theme-switch button.active { border-color:var(--accent); color:#041316; background:var(--accent); }
.primary-btn:hover,.outline-btn:hover,.download-btn:hover,.theme-switch button:hover,.login-box button:hover { transform:translateY(-4px) scale(1.025); filter:brightness(1.12); box-shadow:0 20px 42px color-mix(in srgb,var(--accent) 34%,transparent),0 0 22px color-mix(in srgb,var(--accent-2) 24%,transparent); }
.primary-btn:hover::after,.outline-btn:hover::after,.download-btn:hover::after,.theme-switch button:hover::after,.login-box button:hover::after { opacity:1; animation:shine 1.05s ease; }
.primary-btn:active,.outline-btn:active,.download-btn:active,.theme-switch button:active,.login-box button:active { transform:translateY(0) scale(.98); }
.primary-btn.asset-action-active { color:#06130b; background:linear-gradient(120deg,#34d399,#facc15); box-shadow:0 0 0 2px rgba(52,211,153,.32) inset,0 18px 44px rgba(52,211,153,.2); }
.primary-btn.asset-action-muted { color:rgba(255,255,255,.72); background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.14); box-shadow:none; animation:none; }
.primary-btn.asset-action-muted:hover { transform:none; filter:none; box-shadow:none; }
main { width:calc(100% - 28px); max-width:1520px; margin:24px auto 44px; display:grid; gap:14px; position:relative; }
.account-strip { position:fixed; right:22px; bottom:18px; z-index:14; }
.metric-card,.panel,.mix-card { border:1px solid color-mix(in srgb,var(--line) 82%,transparent); border-radius:16px; background:linear-gradient(180deg,var(--surface-2),var(--surface)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter:blur(18px); }
.metric-card { padding:16px 20px; min-width:280px; }
.metric-card strong { display:inline-block; margin:0 6px; color:var(--accent-2); font-size:26px; }
.panel { padding:18px; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(252px,3fr); gap:16px; min-height:calc(100vh - 200px); align-items:start; }
.dh-builder { align-items:start; }
.asset-quota { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; }
.asset-quota article { display:grid; gap:6px; padding:14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.04); }
.asset-quota span,.asset-quota small { color:var(--muted); font-weight:900; }
.asset-quota strong { color:var(--accent-2); font-size:28px; }
.asset-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.asset-workflow article { display:grid; gap:10px; padding:14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.04); align-content:start; }
.asset-workflow b { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--status); color:#041316; }
.asset-workflow small { color:var(--muted); line-height:1.5; }
.asset-list { display:grid; gap:10px; margin-bottom:12px; padding:12px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); }
.asset-list > strong { color:var(--accent-2); }
.asset-list article { display:grid; grid-template-columns:28px minmax(0,1fr) auto auto auto; gap:8px; align-items:center; min-height:44px; padding:8px 9px; border:1px solid color-mix(in srgb,var(--line) 70%,transparent); border-radius:12px; background:rgba(0,0,0,.14); }
.asset-list article b { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:rgba(249,115,22,.18); color:var(--accent-2); }
.asset-list article span,.asset-list article small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset-list article small,.asset-list p { color:var(--muted); font-weight:900; }
.inline-asset-list { display:grid; gap:8px; margin-top:2px; }
.inline-asset-list article { display:grid; grid-template-columns:24px minmax(0,1fr) auto auto auto; gap:8px; align-items:center; min-height:42px; padding:8px; border:1px solid color-mix(in srgb,var(--line) 70%,transparent); border-radius:12px; background:rgba(0,0,0,.16); }
.inline-asset-list article b { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:rgba(249,115,22,.18); color:var(--accent-2); }
.inline-asset-list article span,.inline-asset-list article small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inline-asset-list article small,.inline-asset-list p { color:var(--muted); font-size:12px; font-weight:900; }
.asset-preview-btn { min-height:30px; padding:0 12px; border:1px solid rgba(251,191,36,.42); border-radius:999px; background:rgba(251,191,36,.12); color:var(--accent-2); font-size:12px; font-weight:900; cursor:pointer; white-space:nowrap; }
.asset-preview-btn:hover { background:rgba(251,191,36,.22); }
.asset-preview-btn.strong { border-color:rgba(34,197,94,.5); background:rgba(34,197,94,.14); color:#86efac; }
.asset-preview-btn.disabled { opacity:.45; cursor:not-allowed; color:var(--muted); border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.04); }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; }
.section-head h2 { margin-top:4px; font-size:22px; }
.status-pill { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:color-mix(in srgb,var(--status) 14%,transparent); color:var(--status); font-weight:900; }
.steps,.form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.steps article { display:grid; gap:8px; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.steps b { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--status); color:#041316; }
.full-field { margin-bottom:12px; }
.task-progress { display:grid; gap:8px; padding:13px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.16); }
.task-progress div { display:flex; justify-content:space-between; font-weight:900; }
.task-progress i { display:block; width:100%; height:8px; border-radius:999px; background:rgba(255,255,255,.08); position:relative; overflow:hidden; }
.task-progress i::after { content:""; position:absolute; left:0; top:0; bottom:0; width:var(--pct,0%); background:linear-gradient(90deg,var(--accent),var(--accent-2)); border-radius:999px; transition:width .3s ease; }
.inline-task-progress { display:grid; gap:7px; padding:9px; border:1px solid rgba(251,146,60,.18); border-radius:10px; background:rgba(0,0,0,.14); color:var(--accent-2); font-size:12px; font-weight:900; }
.inline-task-progress i { display:block; width:0%; height:7px; border-radius:999px; background:linear-gradient(90deg,var(--accent),var(--status)); }
.continue-asset-btn { min-height:38px; }
.continue-asset-btn:disabled { cursor:default; opacity:.9; border-color:rgba(251,146,60,.22); color:var(--accent-2); }
.mixcut-board { display:grid; gap:14px; }
.board-head { margin-bottom:0; padding:6px 2px 2px; }
.mix-layout { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(520px,1.35fr) minmax(340px,.9fr); gap:16px; align-items:start; }
.mix-workbench { align-items:start; }
.mix-zone { display:flex; flex-direction:column; gap:14px; min-width:0; }
.mix-zone-title { display:flex; gap:12px; align-items:center; min-height:58px; padding:12px 14px; border:1px solid color-mix(in srgb,var(--line) 74%,transparent); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(249,115,22,.06)); }
.mix-zone-title b { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--status); color:#041316; }
.mix-zone-title strong { display:block; font-size:18px; }
.mix-zone-title span { display:block; margin-top:3px; color:var(--muted); font-size:12px; font-weight:900; }
.mix-panel { display:grid; gap:12px; padding:16px; border:1px solid color-mix(in srgb,var(--line) 82%,transparent); border-radius:16px; background:linear-gradient(180deg,var(--surface-2),var(--surface)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter:blur(18px); }
.mix-panel-head { display:grid; gap:4px; padding-bottom:10px; border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent); }
.mix-panel-head strong { font-size:16px; color:var(--ink); }
.mix-panel-head span { color:var(--muted); font-size:12px; font-weight:900; }
.store-info-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.mix-col { display:flex; flex-direction:column; gap:16px; align-items:stretch; min-width:0; height:auto; }
.mix-column-head { display:grid; gap:4px; min-height:50px; padding:0 4px 2px; }
.mix-column-head strong { color:var(--accent-2); font-size:15px; }
.mix-column-head span { color:var(--muted); font-size:12px; font-weight:900; }
#mixColOne .mix-card,#mixColTwo .mix-card,#mixColThree .mix-card { border-radius:16px; }
#mixColThree .preview-card { min-height:0; }
.mix-card { padding:16px; display:grid; gap:13px; min-height:0; align-content:start; height:auto; border-radius:16px; }
.aligned-layout .avatar-card,.aligned-layout .info-card,.aligned-layout .action-card,.aligned-layout .shop-card,.aligned-layout .script-card,.aligned-layout .settings-card,.aligned-layout .preview-card,.aligned-layout .generate-card,.aligned-layout .publish-box,.aligned-layout .result-card { min-height:0; align-self:start; }
.aligned-layout .shop-card { display:none !important; }
.aligned-layout .generate-card { display:none; }
.aligned-layout .publish-box { display:grid; }
.step-title { display:flex; align-items:center; gap:11px; min-height:44px; padding-bottom:11px; border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent); }
.step-title b { display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,color-mix(in srgb,var(--status) 86%,#fff 14%),var(--status)); color:#041316; font-size:12px; box-shadow:0 0 20px color-mix(in srgb,var(--status) 26%,transparent); }
.step-title strong { display:block; font-size:16px; }
.step-title span { display:block; margin-top:2px; color:var(--muted); font-size:12px; }
.form-grid.compact { grid-template-columns:1fr; gap:9px; margin-bottom:0; }
.mix-brief-fields { display:grid; grid-template-columns:1fr; gap:10px; padding:12px; border:1px solid color-mix(in srgb,var(--line) 78%,transparent); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(249,115,22,.055)); }
.mix-group-title { grid-column:1 / -1; display:flex; justify-content:space-between; gap:10px; align-items:center; padding-bottom:2px; }
.mix-group-title strong { color:var(--accent-2); }
.mix-group-title span { color:var(--muted); font-size:12px; font-weight:900; }
.info-tip { line-height:1.55; }
.mix-copy-actions { display:grid; grid-template-columns:1fr; gap:8px; }
.mix-copy-actions .primary-btn { min-height:52px; }
.copy-tool-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.copy-tool-row .outline-btn { min-height:40px; padding:0 8px; border-radius:12px; font-size:12px; }
.copy-source-tabs,.copy-mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.copy-source-tabs button { min-height:44px; font-size:14px; }
.copy-mode-card { min-height:76px; padding:13px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.035); color:var(--ink); text-align:left; cursor:pointer; transition:.14s; }
.copy-mode-card strong,.copy-mode-card span { display:block; }
.copy-mode-card strong { color:var(--accent-2); font-size:14px; margin-bottom:5px; }
.copy-mode-card span { color:var(--muted); font-size:12px; line-height:1.45; }
.copy-mode-card.active { border-color:var(--accent); background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),rgba(255,255,255,.055)); box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 14%,transparent); }
.copy-mode-card:disabled,.script-card button:disabled { opacity:.42; cursor:not-allowed; filter:saturate(.35); box-shadow:none; transform:none; }
.copy-lock-tip { padding:9px 10px; border:1px solid color-mix(in srgb,var(--accent) 34%,transparent); border-radius:12px; background:rgba(249,115,22,.08); color:var(--accent-2); font-size:12px; font-weight:900; line-height:1.45; }
.auto-copy-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.auto-copy-options .primary-btn { grid-column:1 / -1; min-height:48px; }
.link-copy-compact { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.32fr); gap:8px; }
.link-copy-actions { display:flex; flex-wrap:wrap; gap:8px; }
.link-copy-actions .outline-btn { flex:1; min-height:38px; padding:0 8px; border-radius:10px; font-size:12px; white-space:nowrap; }
.link-copy-actions .primary-btn { flex:1; min-height:38px; padding:0 8px; border-radius:10px; font-size:12px; white-space:nowrap; }
.quick-actions { display:flex; gap:8px; }
.quick-actions .outline-btn { flex:1; min-height:38px; padding:0 10px; border-radius:12px; font-size:12px; }
.quick-actions .primary-btn { flex:1; min-height:38px; padding:0 10px; border-radius:12px; font-size:12px; }
.feature-box { display:grid; gap:10px; padding:12px; border:1px solid color-mix(in srgb,var(--line) 80%,transparent); border-radius:14px; background:rgba(255,255,255,.035); }
.digital-feature { margin-bottom:12px; background:linear-gradient(135deg,rgba(255,255,255,.04),color-mix(in srgb,var(--accent) 6%,transparent)); }
.dh-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.feature-head { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.feature-head strong { color:var(--accent-2); }
.feature-head span,.feature-status { color:var(--muted); font-size:12px; font-weight:900; }
.feature-grid { display:grid; grid-template-columns:minmax(120px,.45fr) minmax(0,1fr); gap:10px; }
.toggle-grid,.platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.toggle-grid label,.platform-grid label { display:flex; align-items:center; gap:8px; min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.035); color:var(--ink); }
.toggle-grid input,.platform-grid input { width:auto; min-height:auto; }
.option-row { display:flex; flex-wrap:wrap; gap:8px; }
.option-row span { min-height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid color-mix(in srgb,var(--line) 78%,transparent); border-radius:999px; background:linear-gradient(135deg,rgba(255,255,255,.045),color-mix(in srgb,var(--accent) 6%,transparent)); color:#e3e6e8; font-size:12px; font-weight:900; }
.script-card textarea { min-height:150px; max-height:220px; }
.material-panel,.preview-panel { display:grid; gap:10px; min-width:0; }
.material-tools { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; align-items:center; }
.material-tools .outline-btn { min-height:40px; padding:0 10px; border-radius:12px; }
.material-tools span { color:var(--accent-2); font-weight:900; white-space:nowrap; }
.panel-subhead { display:flex; justify-content:space-between; gap:10px; align-items:center; min-height:30px; }
.panel-subhead-actions { display:flex; gap:6px; align-items:center; }
.danger-btn { background: rgba(220,53,69,.15) !important; color: #ff6b7a !important; border-color: rgba(255,107,122,.3) !important; }
.danger-btn:hover { background: rgba(220,53,69,.3) !important; }
.panel-subhead strong,.mix-plan-box strong { color:var(--accent-2); font-size:16px; }

/* 右侧预览面板标题美化 */
.workspace-grid .premium-side-panel .panel-subhead strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  letter-spacing: .5px;
  color: #fff;
}
.workspace-grid .premium-side-panel .panel-subhead strong::before {
  content: "✦";
  font-size: 10px;
  color: var(--accent-2);
  line-height: 1;
}
.panel-subhead span { color:var(--muted); font-size:12px; font-weight:900; }
.shot-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.shot-category { display:grid; gap:8px; padding:10px; border:1px solid color-mix(in srgb,var(--line) 76%,transparent); border-radius:14px; background:rgba(255,255,255,.03); }
.shot-category-title { display:flex; justify-content:space-between; align-items:center; gap:10px; color:var(--accent-2); font-weight:900; }
.shot-category-title span { color:var(--muted); font-size:12px; }
.shot-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.shot-item { display:grid; grid-template-columns:1fr; grid-template-rows:auto 1fr; gap:8px; align-items:start; min-height:118px; padding:10px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); cursor:pointer; transition:.14s; }
.shot-item:hover { border-color:var(--accent); box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 15%,transparent); transform:translateY(-1px); }
.shot-item b { display:none; }
.shot-item div { grid-column:1 / -1; }
.shot-item strong,.shot-item span { display:block; overflow:visible; white-space:normal; text-overflow:clip; line-height:1.35; }
.shot-item span { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
.shot-item em { grid-column:1 / -1; align-self:end; justify-self:stretch; display:grid; place-items:center; min-height:36px; border-radius:11px; background:rgba(249,115,22,.12); border:1px solid color-mix(in srgb,var(--accent) 34%,transparent); font-style:normal; color:var(--accent-2); font-weight:900; }
.shot-item.filled { border-color:color-mix(in srgb,var(--status) 60%,transparent); background:color-mix(in srgb,var(--status) 10%,transparent); }
.shot-item.filled b { background:var(--status); color:#041316; }
.mix-plan-box { display:grid; gap:9px; padding:14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); }
.final-generate { width:100%; min-height:72px; font-size:19px; letter-spacing:0; border-radius:18px; }
.material-preview-window { justify-self:center; width:100%; min-height:260px; display:grid; gap:8px; place-items:center; padding:10px; border:1px solid color-mix(in srgb,var(--accent) 36%,transparent); border-radius:14px; background:rgba(0,0,0,.2); }
.material-preview-window video,.material-preview-window img { width:100%; max-height:320px; object-fit:contain; border-radius:10px; background:#050505; }
.material-preview-window span { color:var(--accent-2); font-weight:900; font-size:12px; text-align:center; }
.material-preview-empty { color:var(--muted); font-weight:900; text-align:center; }
.publish-result { display:grid; gap:6px; padding:12px; border:1px solid color-mix(in srgb,var(--status) 44%,transparent); border-radius:12px; background:color-mix(in srgb,var(--status) 9%,transparent); }
.publish-result strong { color:var(--accent-2); }
.publish-result p { color:var(--muted); line-height:1.55; }
.video-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.completed-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.completed-video-card { display:grid; gap:5px; padding:6px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.04); min-height:0; align-content:start; }
.completed-video-card video,.video-empty { width:100%; aspect-ratio:16/9; max-height:88px; background:#050505; border-radius:10px; border:1px solid rgba(255,255,255,.06); }
.video-library-page .completed-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.video-library-page .completed-video-card video { aspect-ratio:9/16; max-height:360px; }
.video-empty { display:grid; place-items:center; color:var(--muted); font-weight:900; background:linear-gradient(180deg,rgba(249,115,22,.12),rgba(0,0,0,.32)); }
.completed-video-card strong { color:var(--accent-2); }
.completed-video-card span { color:var(--muted); font-size:12px; font-weight:900; }
.premium-video-frame { position:relative; display:block; border-radius:10px; overflow:hidden; }
.premium-video-frame video { width:100%; aspect-ratio:9/16; max-height:calc(100vh - 100px); min-height:200px; object-fit:contain; background:#000; border-radius:10px; display:block; }
.video-play-btn { position:absolute; left:10px; bottom:10px; transform:none; width:38px; height:38px; border:none; border-radius:12px; background:rgba(255,255,255,.88); color:#111; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3; opacity:.94; transition:opacity .15s,background .15s,transform .15s; box-shadow:0 2px 10px rgba(0,0,0,.25); }
.video-play-btn svg { width:22px; height:22px; fill:currentColor; margin-left:3px; }
.video-play-btn:hover { opacity:1; background:#fff; transform:translateY(-1px); }
.video-play-btn.playing { opacity:.42; transform:none; }
.video-card-delete-btn { justify-self:end; padding:2px 8px; border:1px solid rgba(239,68,68,.25); border-radius:4px; background:transparent; color:#f87171; font-size:11px; font-weight:700; cursor:pointer; min-height:auto; line-height:1.3; opacity:.7; transition:opacity .15s; }
.video-card-delete-btn:hover { opacity:1; background:rgba(239,68,68,.12); }
.premium-video-frame { position: relative; }
.premium-video-controls {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.premium-video-controls button {
  pointer-events: auto;
}
.video-expand-btn,
.video-three-dots {
  position: absolute;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 11px;
  background: rgba(0,0,0,.52);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
}
.video-expand-btn { right: 10px; bottom: 10px; font-size: 18px; }
.video-three-dots { right: 10px; top: 10px; font-size: 22px; line-height: 1; }
.video-expand-btn:hover,
.video-three-dots:hover {
  background: rgba(0,0,0,.72);
  border-color: rgba(255,255,255,.28);
}
.video-menu-wrap {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 6;
  pointer-events: auto;
}
.video-dropdown-menu {
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 120px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(18,14,10,.96);
  box-shadow: 0 16px 42px rgba(0,0,0,.42);
}
.video-dropdown-menu button {
  width: 100%;
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.video-dropdown-menu button:hover {
  background: rgba(255,255,255,.08);
}
.empty-preview { opacity:.78; }
.empty-preview .video-card-delete-btn { opacity:1; }
.more-video-btn { width:min(240px,100%); justify-self:center; min-height:48px; }
.generate-grid { display:grid; grid-template-columns:1fr; gap:10px; align-items:stretch; }
.generate-card { padding:10px; }
.generate-card .mix-plan-box { min-height:72px; padding:10px; }
.publish-box { display:none !important; border-color:color-mix(in srgb,var(--accent) 64%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.045)); padding:12px; }
.publish-box::before { content:"发布设置"; color:var(--accent-2); font-weight:900; }
.publish-details { display:grid; gap:10px; }
.publish-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:0 12px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.18); cursor:pointer; font-weight:900; }
.publish-details summary span { color:var(--accent-2); }
.publish-details summary b { color:var(--muted); font-size:12px; }
.publish-settings-grid { display:grid; grid-template-columns:1fr; gap:10px; align-items:start; margin-top:10px; }
.publish-platforms { grid-template-columns:repeat(2,minmax(0,1fr)); }
.publish-copy-field { grid-column:1; }
.publish-copy-field textarea { min-height:86px; max-height:110px; }
.publish-actions { display:grid; grid-template-columns:1fr; gap:10px; align-self:stretch; }
.publish-main-btn { min-height:72px; font-size:19px; border-radius:18px; width:100%; }
.publish-box .feature-status { text-align:left; }
.premium-preview-box { display:grid; gap:10px; margin-top:14px; }

.premium-hero-preview { grid-template-rows:auto 1fr; flex:1 1 auto; min-height:0; }
.premium-video-list { grid-template-columns:1fr; flex:1; min-height:0; }
.premium-video-list .completed-video-card { min-height:200px; display:flex; flex-direction:column; flex:1; }
.premium-hero-preview .completed-video-card { min-height:0; flex:none; padding:6px 8px 4px; display:grid; }
.premium-hero-preview .completed-video-card video { min-height:140px; max-height:200px; }
.premium-edit-preview .completed-video-card { min-height:0; flex:none; padding:6px 8px 4px; display:grid; }
.premium-edit-preview .completed-video-card video { min-height:140px; max-height:200px; }
.premium-video-list .completed-video-card video,.premium-video-list .video-empty { width:100%; aspect-ratio:9/16; max-height:calc(100vh - 100px); min-height:200px; object-fit:contain; border-radius:8px; background:#000; }
.avatar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }

/* 数字人视频页面 - 右侧面板向上对齐 & 安全区 */
.workspace-grid .premium-side-panel { display:flex; flex-direction:column; padding-right:10px; padding-bottom:12px; }
.workspace-grid .premium-side-panel .premium-edit-preview { margin-top:22px; grid-template-rows:auto 1fr; flex:1; }

/* 数字人视频页面 - 左侧面板底部对齐 */
.workspace-grid .premium-main-panel { display:flex; flex-direction:column; }
.workspace-grid .premium-main-panel .premium-auto-pack { margin-top:auto; }

/* 数字人视频页面 - 文案框统一尺寸 */
.workspace-grid .premium-main-panel textarea { min-height:56px; }
.workspace-grid .premium-main-panel #premiumSourceVideoUrlInput { min-height:38px; }



/* ===== 自动剪辑包装 ===== */
.premium-auto-pack {
  display: grid;
  gap: 5px;
  margin-top: 6px;
  padding: 7px;
  border: 1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.16));
}

.auto-pack-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.auto-pack-box {
  display: grid;
  gap: 3px;
  padding: 5px;
  border: 1px dashed color-mix(in srgb,var(--line) 65%,transparent);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
  align-content: start;
}

.auto-pack-box .pack-box-label {
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 0;
}

.auto-pack-box .pack-options {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.auto-pack-box .pack-option {
  flex: 0 0 auto;
  padding: 3px 7px;
  gap: 4px;
  border: 1px solid color-mix(in srgb,var(--line) 70%,transparent);
  border-radius: 4px;
  background: rgba(0,0,0,.1);
  cursor: pointer;
  transition: all .2s ease;
  display: inline-flex;
  align-items: center;
}

.auto-pack-box .pack-option:has(input:checked) {
  border-color: var(--status);
  background: rgba(34,197,94,.25);
  color: #fff;
}

.auto-pack-box .pack-option:has(input:checked) em {
  color: #fff;
}

.auto-pack-box .pack-option:has(input:checked) .pack-chip {
  background: rgba(34,197,94,.4) !important;
  color: #fff !important;
}

.auto-pack-box .pack-option input { display: none; }

.auto-pack-box .pack-option .pack-preview {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  flex-shrink: 0;
}

.auto-pack-box .pack-option .pack-chip {
  display: block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.auto-pack-box .pack-option em {
  font-style: normal;
  font-size: 10px;
  color: var(--ink);
}

.auto-pack-box .pack-smart-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

/* 字号选择下拉菜单：暗色底色，白字可见 */
select option {
  background: #2a2a2e;
  color: #e0e0e0;
}

/* 标题文字框放在智能处理区域右侧 */
.pack-title-input {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 10px;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
}

.pack-title-input input {
  width: 140px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 4px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 11px;
}

.pack-title-input input::placeholder {
  color: rgba(255,255,255,.3);
}

/* 音乐试听菜单 */
.pack-music-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.pack-music-item {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  position: relative;
}

.pack-music-item:hover {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
}

.pack-music-item.active {
  border-color: var(--accent);
  background: color-mix(in srgb,var(--accent) 12%,transparent);
}

.pack-music-item input[type=radio] {
  display: none;
}

.pack-music-item .pack-chip {
  flex: 1;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  user-select: none;
}

.music-play-btn {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 0;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: all .15s;
  position: relative;
}

.music-play-btn::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
  margin-left: 1px;
  transition: border-color .15s;
}

.music-play-btn:hover {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 0 10px color-mix(in srgb,var(--accent) 50%,transparent);
}

.music-play-btn.playing {
  background: var(--accent);
  border-color: var(--accent);
}

.music-play-btn.playing::after {
  content: "";
  border: none;
  width: 10px;
  height: 10px;
  background: linear-gradient(to right, #fff 35%, transparent 35% 65%, #fff 65%);
  margin-left: 0;
}

/* 音乐试听菜单 end */

/* 自定义上传音乐项 */
.music-upload-item {
  cursor: pointer;
  position: relative;
}

.music-upload-item .pack-chip {
  cursor: pointer;
}

.music-upload-item .pack-chip.uploaded {
  background: rgba(14,165,233,.3) !important;
  color: #bae6fd !important;
  position: relative;
}

.music-upload-item .pack-chip.uploaded::after {
  content: " ✓";
  color: #22c55e;
  font-weight: 900;
}

.auto-pack-box .pack-smart-row label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.auto-pack-box .pack-smart-row input[type=checkbox] {
  width: auto;
  min-height: auto;
}

.auto-pack-action-box {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 5px 8px;
}

.auto-pack-action-box .pack-action-row-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.auto-pack-action-box .primary-btn {
  min-height: 52px;
  padding: 0 56px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.6px;
  box-shadow: 0 12px 28px color-mix(in srgb,var(--accent) 32%,transparent), 0 0 0 1px rgba(255,255,255,.18) inset;
}

.auto-pack-action-box .feature-status {
  margin: 0;
}

/* 包装进度条 */
.auto-pack-progress-box {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 14px;
  min-height: 48px;
}

.progress-bar-wrap {
  width: 100%;
  height: 10px;
  background: rgba(255,255,255,.06);
  border-radius: 6px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #f59e0b, #f97316, #ef4444);
  border-radius: 6px;
  transition: width 0.4s ease;
}

@media(max-width:1200px) {
  .auto-pack-grid { grid-template-columns: 1fr 1fr; }
}

@media(max-width:768px) {
  .auto-pack-grid { grid-template-columns: 1fr; }
}



.premium-flow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}




/* 生成数字人视频 - 按钮放大 */
.premium-generate-card {
  display: grid;
  gap: 10px;
  align-content: center;
}

.premium-generate-card .premium-card-head {
  margin-bottom: 0;
}

.premium-generate-btn {
  width: 100%;
  min-height: 64px;
  font-size: 18px;
  font-weight: 900;
  border-radius: 16px;
  letter-spacing: 0.5px;
  background: linear-gradient(120deg, var(--accent-2), var(--accent));
  border: 0;
  color: #110806;
  cursor: pointer;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 0 1px rgba(255,255,255,.13) inset;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.premium-generate-btn:hover {
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.12);
  box-shadow: 0 20px 42px color-mix(in srgb, var(--accent) 34%, transparent);
}



/* ===== 精品数字人 - 选择形象/声音下拉菜单 ===== */
.premium-asset-picker {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1a1612;
  border: 1px solid rgba(253,186,116,.2);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(253,186,116,.08) inset;
  max-height: 260px;
  overflow-y: auto;
  padding: 6px;
}
.premium-asset-picker.open {
  display: block !important;
}



.premium-asset-picker p {
  padding: 16px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.premium-asset-picker::-webkit-scrollbar {
  width: 4px;
}

.premium-asset-picker::-webkit-scrollbar-track {
  background: transparent;
}

.premium-asset-picker::-webkit-scrollbar-thumb {
  background: rgba(253,186,116,.2);
  border-radius: 4px;
}

/* 每个选项行 */
.premium-asset-option {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 8px;
  transition: background .12s ease;
  cursor: pointer;
}

.premium-asset-option:hover {
  background: rgba(253,186,116,.1);
}

.premium-asset-option.active {
  background: rgba(34,197,94,.1);
  border: 1px solid rgba(34,197,94,.25);
  padding: 7px 9px;
}

/* 选择按钮 */
.premium-asset-select {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
  min-height: 0;
}

.premium-asset-select b {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(253,186,116,.12);
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
  flex-shrink: 0;
}

.premium-asset-select span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.premium-asset-select em {
  font-style: normal;
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  flex-shrink: 0;
}

/* 预览/试听按钮 */
.premium-asset-option .asset-preview-btn {
  min-height: 26px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(251,191,36,.3);
  background: rgba(251,191,36,.08);
  color: var(--accent-2);
  cursor: pointer;
  white-space: nowrap;
  transition: all .12s ease;
  flex-shrink: 0;
}

.premium-asset-option .asset-preview-btn:hover {
  background: rgba(251,191,36,.18);
}

.premium-asset-option .asset-preview-btn.disabled,
.premium-asset-option .asset-preview-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: var(--muted);
}

/* 卡片内下拉菜单定位 */


/* ===== 序号按钮样式 ===== */
.premium-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.premium-card-head b {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, color-mix(in srgb,var(--status) 86%,#fff 14%), var(--status));
  color: #041316;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 0 20px color-mix(in srgb, var(--status) 26%, transparent);
  flex-shrink: 0;
}

.premium-card-head strong {
  display: block;
  font-size: 15px;
  color: var(--ink);
}

.premium-card-head small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}



/* ===== 左侧导航栏 - 动态大按钮 ===== */
.side-nav a {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 56px;
  padding: 0 14px;
  color: var(--muted);
  font-weight: 900;
  font-size: 15px;
  text-decoration: none;
  border-radius: 14px;
  transition: all .25s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
}

.side-nav a::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(251,191,36,.08), rgba(249,115,22,.04));
  opacity: 0;
  transition: opacity .25s ease;
}

.side-nav a:hover {
  color: var(--ink);
  transform: translateX(4px);
}

.side-nav a:hover::before {
  opacity: 1;
}

.side-nav a:active {
  transform: translateX(2px) scale(.98);
}

.side-nav a b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  color: var(--muted);
  font-size: 13px;
  transition: all .25s ease;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.side-nav a:hover b {
  background: rgba(251,191,36,.15);
  color: var(--accent-2);
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(251,191,36,.12);
}

/* 激活状态 */
.side-nav a.active {
  color: var(--ink);
  background: linear-gradient(135deg, rgba(251,191,36,.12), rgba(249,115,22,.06));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 20px rgba(251,191,36,.08);
  transform: translateX(4px);
}

.side-nav a.active::before {
  opacity: 1;
}

.side-nav a.active b {
  background: linear-gradient(135deg, var(--status), color-mix(in srgb, var(--status) 80%, #fff));
  color: #041316;
  box-shadow: 0 0 24px color-mix(in srgb, var(--status) 32%, transparent);
  transform: scale(1.1);
}




.side-nav a { display:flex; gap:10px; align-items:center; min-height:48px; padding:0 10px; color:var(--muted); font-weight:900; text-decoration:none; border-radius:14px; }
.side-nav a b { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--surface); color:var(--muted); }
.side-nav a.active { color:var(--ink); background:linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--status) 8%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.side-nav a.active b { background:var(--status); color:#041316; box-shadow:0 0 20px color-mix(in srgb,var(--status) 28%,transparent); }
.brand span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:#100806; font-weight:900; background:linear-gradient(135deg,var(--accent-2),var(--accent)); box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent); }
.brand span {
  box-shadow: 0 0 30px rgba(249,115,22,.25), 0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent);
}

.asset-select-card {
  position: relative;
  display: grid;
  gap: 18px;
  align-content: start;
  overflow: visible;
}

.asset-select-card .premium-card-head {
  margin-bottom: 2px;
}

.asset-select-card .outline-btn {
  margin-top: 8px;
}

.asset-select-card input {
  margin-top: 4px;
}

.asset-select-card .outline-btn {
  margin-top: 8px;
}

.asset-select-card input {
  margin-top: 4px;
}



/* 卡片统一高度 */
.premium-flow-grid .premium-card {
  display: grid;
  gap: 14px;
  align-content: start;
  min-height: 180px;
}



/* 文案标题区域 */
.premium-copy-title {
  display: grid;
  gap: 6px;
  padding: 6px 0 8px;
}

.premium-copy-title strong {
  font-size: 15px;
  font-weight: 900;
  color: var(--accent-2);
}

.premium-copy-title span {
  font-size: 12px;
  color: var(--muted);
  font-weight: 700;
}


/* ===== 数字人视频 06 自动发布 ===== */
.premium-auto-publish {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--accent) 52%, transparent);
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
}
.publish-console { display:grid; gap:12px; }
.publish-command-card,.publish-settings-panel,.platform-rule-card,.publish-final-row {
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 16px;
  background: rgba(0,0,0,.16);
  padding: 12px;
}
.publish-mini-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:10px; }
.publish-mini-head span { color:var(--accent-2); font-weight:900; letter-spacing:.04em; }
.publish-mini-head em { color:var(--muted); font-size:12px; font-style:normal; text-align:right; }
.premium-publish-platforms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.publish-platform-card {
  position:relative;
  min-height:84px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:12px 12px 12px 38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  cursor:pointer;
  overflow:hidden;
}
.publish-platform-card::after { content:""; position:absolute; inset:auto -24px -28px auto; width:78px; height:78px; border-radius:50%; opacity:.22; background:var(--platform-color,#f59e0b); }
.publish-platform-card input { position:absolute; left:12px; top:16px; accent-color:var(--accent); }
.publish-platform-card span { font-size:17px; font-weight:950; color:var(--ink); }
.publish-platform-card small { color:var(--muted); line-height:1.35; }
.publish-platform-card:has(input:checked) { border-color:color-mix(in srgb, var(--platform-color,#f59e0b) 70%, transparent); box-shadow:0 12px 26px color-mix(in srgb, var(--platform-color,#f59e0b) 14%, transparent); }
.publish-platform-card.douyin { --platform-color:#22d3ee; }
.publish-platform-card.kuaishou { --platform-color:#fb923c; }
.publish-platform-card.shipinhao { --platform-color:#34d399; }
.publish-platform-card.xiaohongshu { --platform-color:#f43f5e; }
.publish-toolbar { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.publish-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.publish-settings-panel label,.platform-rule-card label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:800; }
.publish-settings-panel input,.publish-settings-panel select,.publish-settings-panel textarea,.platform-rule-card select {
  width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.075); color:var(--ink); padding:9px 10px; outline:none;
}
.publish-settings-panel textarea { min-height:74px; resize:vertical; }
.publish-settings-panel .full-field { margin-top:10px; }
.platform-rules-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.platform-rule-card { gap:9px; display:grid; }
.platform-rule-card strong { color:var(--accent-2); font-size:14px; }
.platform-rule-card label:has(input) { grid-template-columns:auto 1fr; align-items:center; color:var(--ink); }
.platform-rule-card input[type="checkbox"],.publish-checks input { accent-color:var(--accent); }
.publish-final-row { display:grid; grid-template-columns:1fr minmax(220px,300px); gap:14px; align-items:center; }
.publish-checks { display:grid; gap:8px; color:var(--muted); font-size:13px; }
.publish-checks label { display:flex; gap:8px; align-items:center; }
.premium-auto-publish .publish-main-btn { min-height:58px; }

@media (max-width: 1180px) {
  .premium-publish-platforms,.platform-rules-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .publish-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .premium-publish-platforms,.platform-rules-grid,.publish-form-grid,.publish-toolbar,.publish-final-row { grid-template-columns:1fr; }
  .publish-mini-head { display:grid; }
  .publish-mini-head em { text-align:left; }
}

/* 06 自动发布：作为数字人视频页最后一行，横跨左右两栏，不参与右侧视频栏高度 */
.workspace-grid > .premium-auto-publish {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: start;
  margin-top: 0;
}
.workspace-grid > .premium-main-panel {
  align-self: stretch;
  height: 100%;
}

.premium-auto-publish.panel {
  padding: 12px;
}
.premium-auto-publish .publish-head {
  margin-bottom: 10px;
}
.premium-auto-publish .publish-head b {
  background: linear-gradient(135deg, #22c55e, #86efac);
  color: #052e16;
}
.publish-console.compact {
  gap: 10px;
}
.publish-top-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 10px;
  align-items: stretch;
}
.publish-action-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 16px;
  background: rgba(0,0,0,.16);
}
.premium-auto-publish .premium-publish-platforms {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.premium-auto-publish .publish-platform-card {
  min-height: 62px;
  padding: 9px 10px 9px 34px;
}
.premium-auto-publish .publish-platform-card span {
  font-size: 15px;
}
.premium-auto-publish .publish-platform-card small {
  font-size: 11px;
}
.premium-auto-publish .publish-form-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.publish-copy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 10px;
  margin-top: 10px;
}
.premium-auto-publish .platform-rules-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.premium-auto-publish .platform-rule-card {
  padding: 10px;
}
.premium-auto-publish .publish-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 14px;
  background: rgba(0,0,0,.12);
}

@media (max-width: 1180px) {
  .publish-top-row,
  .premium-auto-publish .publish-form-grid,
  .publish-copy-grid {
    grid-template-columns: 1fr 1fr;
  }
  .premium-auto-publish .premium-publish-platforms,
  .premium-auto-publish .platform-rules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .publish-top-row,
  .premium-auto-publish .publish-form-grid,
  .publish-copy-grid,
  .premium-auto-publish .premium-publish-platforms,
  .premium-auto-publish .platform-rules-grid {
    grid-template-columns: 1fr;
  }
}

/* Compact pass for step 05 and step 06 only. Do not alter the right preview rail. */
.premium-auto-pack {
  gap: 4px;
  margin-top: 4px;
  padding: 6px;
}
.premium-auto-pack .premium-card-head {
  margin-bottom: 2px;
}
.premium-auto-pack .premium-card-head small {
  line-height: 1.15;
}
.auto-pack-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row dense;
  align-items: stretch;
  gap: 4px;
}
.auto-pack-box {
  min-height: 0;
  gap: 2px;
  padding: 4px 5px;
  border-radius: 7px;
}
.auto-pack-box .pack-box-label {
  font-size: 10px;
  line-height: 1.05;
}
.auto-pack-box .pack-options,
.pack-music-menu {
  gap: 3px;
}
.auto-pack-box .pack-option,
.pack-music-item {
  padding: 2px 5px;
  gap: 3px;
  min-height: 22px;
}
.auto-pack-box .pack-option .pack-preview {
  width: 17px;
  height: 17px;
  font-size: 9px;
}
.auto-pack-box .pack-option .pack-chip,
.pack-music-item .pack-chip {
  padding: 1px 6px;
  font-size: 10px;
}
.auto-pack-box .pack-option em {
  font-size: 9px;
}
.music-play-btn {
  width: 18px;
  height: 18px;
}
.auto-pack-box select,
.auto-pack-box input {
  min-height: 24px !important;
}
.auto-pack-action-box .primary-btn {
  min-height: 34px;
  border-radius: 10px;
  font-size: 13px;
}
.pack-action-row-inner {
  gap: 5px;
}
.auto-pack-progress-box .progress-bar-wrap {
  height: 8px;
}

.premium-auto-publish {
  padding: 8px;
  border-radius: 14px;
}
.premium-auto-publish.panel {
  padding: 8px;
}
.premium-auto-publish .publish-head {
  margin-bottom: 6px;
}
.premium-auto-publish .publish-head small {
  line-height: 1.12;
}
.publish-console.compact {
  gap: 6px;
}
.publish-top-row {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
  gap: 6px;
}
.publish-command-card,
.publish-settings-panel,
.platform-rule-card,
.publish-action-card {
  padding: 7px;
  border-radius: 12px;
}
.publish-mini-head {
  margin-bottom: 5px;
}
.publish-mini-head span {
  font-size: 12px;
}
.publish-mini-head em {
  font-size: 10px;
}
.premium-auto-publish .premium-publish-platforms {
  gap: 6px;
}
.premium-auto-publish .publish-platform-card {
  min-height: 42px;
  gap: 1px;
  padding: 6px 8px 6px 28px;
  border-radius: 11px;
}
.premium-auto-publish .publish-platform-card::after {
  width: 48px;
  height: 48px;
  right: -16px;
  bottom: -18px;
}
.premium-auto-publish .publish-platform-card input {
  left: 9px;
  top: 12px;
}
.premium-auto-publish .publish-platform-card span {
  font-size: 13px;
  line-height: 1.05;
}
.premium-auto-publish .publish-platform-card small {
  font-size: 9px;
  line-height: 1.1;
}
.publish-action-card {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: stretch;
}
.publish-action-card .outline-btn,
.publish-action-card .primary-btn {
  min-height: 42px;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 12px;
}
.premium-auto-publish .publish-main-btn {
  min-height: 42px;
}
.premium-auto-publish .publish-form-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}
.publish-copy-grid {
  grid-template-columns: 1fr 1fr 2fr;
  gap: 6px;
  margin-top: 6px;
}
.publish-settings-panel label,
.platform-rule-card label {
  gap: 3px;
  font-size: 10px;
}
.publish-settings-panel input,
.publish-settings-panel select,
.publish-settings-panel textarea,
.platform-rule-card select {
  min-height: 30px;
  padding: 5px 7px;
  border-radius: 8px;
  font-size: 11px;
}
.publish-settings-panel textarea {
  min-height: 32px;
  max-height: 42px;
}
.premium-auto-publish .platform-rules-grid {
  gap: 6px;
}
.premium-auto-publish .platform-rule-card {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
}
.platform-rule-card strong {
  font-size: 12px;
  white-space: nowrap;
}
.platform-rule-card label:has(input) {
  font-size: 10px;
  white-space: nowrap;
}
.premium-auto-publish .publish-checks {
  gap: 6px 14px;
  padding: 6px 8px;
  font-size: 11px;
  border-radius: 10px;
}
.premium-auto-publish .feature-status {
  margin: 0;
  font-size: 11px;
  line-height: 1.25;
}

@media (max-width: 1280px) {
  .auto-pack-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .publish-top-row,
  .publish-action-card {
    grid-template-columns: 1fr;
  }
}

/* Step 05 scoped layout: readable text, 4-option rows, full-height fill. */
.workspace-grid > .premium-main-panel {
  align-self: stretch;
}
.workspace-grid > .premium-main-panel .premium-copy-studio {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.workspace-grid > .premium-main-panel .premium-auto-pack {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .premium-card-head strong {
  font-size: 15px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .premium-card-head small {
  font-size: 12px;
  line-height: 1.25;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-grid {
  flex: 1 1 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(0, auto);
  align-content: stretch;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-box {
  align-content: start;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-box-label {
  font-size: 12px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-options,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item {
  width: 100%;
  min-width: 0;
  justify-content: center;
  min-height: 30px;
  padding: 4px 6px;
  box-sizing: border-box;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option em,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option .pack-chip,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item .pack-chip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px !important;
}
.workspace-grid > .premium-main-panel .premium-auto-pack select,
.workspace-grid > .premium-main-panel .premium-auto-pack input,
.workspace-grid > .premium-main-panel .premium-auto-pack .feature-status {
  font-size: 12px !important;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box,
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box {
  grid-column: span 2;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-action-row-inner {
  display: grid;
  grid-template-columns: minmax(260px, 1.1fr) minmax(0, 2fr);
  align-items: center;
  gap: 12px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box .primary-btn {
  width: 100%;
  min-height: 42px;
  border-radius: 14px;
  font-size: 15px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box {
  align-content: center;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .progress-bar-wrap {
  width: 100%;
  height: 12px;
  border-radius: 999px;
}

@media (max-width: 1280px) {
  .workspace-grid > .premium-main-panel .premium-auto-pack .pack-options,
  .workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .workspace-grid > .premium-main-panel .premium-auto-pack .pack-action-row-inner {
    grid-template-columns: 1fr;
  }
}

/* Step 05 button text fix: no truncation, larger tap targets, even fill. */
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-grid {
  height: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(112px, auto);
  align-content: stretch;
  gap: 8px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-box {
  min-height: 112px;
  padding: 8px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-options,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-menu {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item {
  min-height: 36px;
  padding: 6px 8px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option .pack-preview {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  font-size: 12px;
  flex: 0 0 auto;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option em,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option .pack-chip,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item .pack-chip {
  display: inline-block;
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.18;
  font-size: 13px !important;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item .pack-chip {
  flex: 1 1 auto;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .music-play-btn {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-box-label {
  font-size: 13px;
  margin-bottom: 2px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack select,
.workspace-grid > .premium-main-panel .premium-auto-pack input,
.workspace-grid > .premium-main-panel .premium-auto-pack .feature-status {
  font-size: 13px !important;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box,
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box {
  grid-column: span 2;
  min-height: 74px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box .primary-btn {
  min-height: 48px;
  font-size: 16px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .progress-bar-wrap {
  height: 14px;
}

/* Step 05 final compact tune: smaller readable text, unified action/progress row. */
.workspace-grid > .premium-main-panel .premium-auto-pack {
  gap: 5px;
  padding: 7px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .premium-card-head {
  padding-bottom: 3px;
  margin-bottom: 0;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .premium-card-head strong {
  font-size: 14px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .premium-card-head small {
  font-size: 11px;
  line-height: 1.15;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(72px, auto);
  gap: 5px;
  align-content: stretch;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-box {
  min-height: 72px;
  gap: 3px;
  padding: 5px;
  border-radius: 9px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-box-label {
  font-size: 11px;
  line-height: 1.05;
  margin-bottom: 1px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-options,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-menu {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item {
  min-height: 26px;
  padding: 3px 5px;
  gap: 4px;
  border-radius: 7px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option .pack-preview {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  font-size: 10px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option em,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-option .pack-chip,
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-music-item .pack-chip {
  font-size: 11px !important;
  line-height: 1.08;
  white-space: normal;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .music-play-btn {
  width: 18px;
  height: 18px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack select,
.workspace-grid > .premium-main-panel .premium-auto-pack input,
.workspace-grid > .premium-main-panel .premium-auto-pack .feature-status {
  font-size: 11px !important;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box {
  grid-column: 1 / 3;
  min-height: 52px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box {
  grid-column: 3 / 5;
  min-height: 52px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .pack-action-row-inner {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-action-box .primary-btn {
  min-height: 38px;
  border-radius: 12px;
  font-size: 14px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box .pack-box-label {
  margin: 0;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box .progress-bar-wrap {
  height: 12px;
  width: 100%;
}
.workspace-grid > .premium-main-panel .premium-auto-pack .auto-pack-progress-box #packProgressText2 {
  grid-column: 2;
  margin-top: -2px;
}

/* Step 06 platform row redesign. */
.premium-auto-publish .publish-command-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(0,0,0,.14);
}
.premium-auto-publish .premium-publish-platforms {
  gap: 8px;
}
.premium-auto-publish .publish-platform-card {
  isolation: isolate;
  min-height: 58px;
  grid-template-columns: 1fr auto;
  align-items: center;
  align-content: center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.028)),
    rgba(0,0,0,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.premium-auto-publish .publish-platform-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--platform-color,#f59e0b), transparent 54%);
  opacity: .10;
  z-index: -1;
}
.premium-auto-publish .publish-platform-card::after {
  content: "";
  position: static;
  width: 28px;
  height: 28px;
  grid-column: 2;
  grid-row: 1 / span 2;
  border-radius: 999px;
  opacity: 1;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.premium-auto-publish .publish-platform-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.premium-auto-publish .publish-platform-card span {
  grid-column: 1;
  font-size: 15px;
  line-height: 1.1;
}
.premium-auto-publish .publish-platform-card small {
  grid-column: 1;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.15;
  color: color-mix(in srgb, var(--muted) 82%, #fff);
}
.premium-auto-publish .publish-platform-card:has(input:checked) {
  border-color: color-mix(in srgb, var(--platform-color,#f59e0b) 84%, rgba(255,255,255,.2));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--platform-color,#f59e0b) 18%, transparent), rgba(255,255,255,.035)),
    rgba(0,0,0,.18);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--platform-color,#f59e0b) 12%, transparent), inset 0 1px 0 rgba(255,255,255,.10);
}
.premium-auto-publish .publish-platform-card:has(input:checked)::after {
  content: "✓";
  display: grid;
  place-items: center;
  color: #06130b;
  font-size: 17px;
  font-weight: 950;
  background: linear-gradient(135deg, #facc15, var(--platform-color,#22c55e));
  border-color: color-mix(in srgb, var(--platform-color,#f59e0b) 80%, white);
}
.premium-auto-publish .publish-platform-card:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--platform-color,#f59e0b) 58%, rgba(255,255,255,.2));
}

/* Step 06 pre-publish checks redesign. */
.premium-auto-publish .publish-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(0,0,0,.12);
}
.premium-auto-publish .publish-checks label {
  position: relative;
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  min-height: 44px;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 12px;
  background: rgba(0,0,0,.16);
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}
.premium-auto-publish .publish-checks input {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  display: grid;
  place-items: center;
}
.premium-auto-publish .publish-checks input::before {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 3px solid #08210f;
  border-bottom: 3px solid #08210f;
  transform: rotate(-45deg) translateY(-1px);
  opacity: 0;
}
.premium-auto-publish .publish-checks input:checked {
  border-color: rgba(250,204,21,.82);
  background: linear-gradient(135deg, #fbbf24, #22c55e);
  box-shadow: 0 0 18px rgba(34,197,94,.18);
}
.premium-auto-publish .publish-checks input:checked::before {
  opacity: 1;
}
.premium-auto-publish .publish-checks label:has(input:checked) {
  border-color: rgba(34,197,94,.38);
  background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(255,255,255,.03));
}
.premium-auto-publish .publish-checks + .feature-status {
  padding: 0 2px;
  color: color-mix(in srgb, var(--muted) 84%, #fff);
}

/* Step 06 checks: final simple checkbox cards. */
.premium-auto-publish .publish-checks {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(0,0,0,.12);
}
.premium-auto-publish .publish-checks label {
  grid-template-columns: 18px 1fr;
  min-height: 34px;
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
}
.premium-auto-publish .publish-checks input {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.055);
  box-shadow: none;
}
.premium-auto-publish .publish-checks input::before {
  width: 8px;
  height: 4px;
  border-left: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: rotate(-45deg) translateY(-1px);
}
.premium-auto-publish .publish-checks input:checked {
  border-color: #f59e0b;
  background: #f59e0b;
  box-shadow: none;
}
.premium-auto-publish .publish-checks label:has(input:checked) {
  border-color: rgba(245,158,11,.38);
  background: rgba(245,158,11,.08);
}

/* 06 publish studio v2: compact dashboard layout. */
.workspace-grid > .publish-studio-v2 {
  grid-column: 1 / -1;
  grid-row: 2;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(251,191,36,.22);
  background:
    radial-gradient(circle at 4% 0%, rgba(34,197,94,.14), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(0,0,0,.18));
}
.publish-studio-v2 .publish-studio-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.publish-studio-v2 .publish-studio-actions {
  display: flex;
  gap: 8px;
}
.publish-studio-v2 .publish-studio-actions .outline-btn {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
}
.publish-studio-v2 .publish-platform-dock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.publish-studio-v2 .publish-platform-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(0,0,0,.16);
  overflow: hidden;
}
.publish-studio-v2 .publish-platform-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--platform-color,#f59e0b), transparent 56%);
  opacity: .10;
}
.publish-studio-v2 .publish-platform-card::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
  z-index: 1;
}
.publish-studio-v2 .publish-platform-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.publish-studio-v2 .publish-platform-card span,
.publish-studio-v2 .publish-platform-card small {
  position: relative;
  z-index: 1;
  grid-column: 1;
}
.publish-studio-v2 .publish-platform-card span {
  font-size: 15px;
  font-weight: 950;
}
.publish-studio-v2 .publish-platform-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.publish-studio-v2 .publish-platform-card:has(input:checked) {
  border-color: color-mix(in srgb, var(--platform-color,#f59e0b) 72%, rgba(255,255,255,.2));
  background: color-mix(in srgb, var(--platform-color,#f59e0b) 10%, rgba(0,0,0,.18));
}
.publish-studio-v2 .publish-platform-card:has(input:checked)::after {
  content: "✓";
  display: grid;
  place-items: center;
  color: #111;
  background: #f59e0b;
  border-color: #fbbf24;
  font-size: 13px;
  font-weight: 950;
}
.publish-studio-v2 .publish-studio-body {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  grid-template-areas:
    "basics copy"
    "rules final";
  gap: 10px;
}
.publish-studio-v2 .publish-card {
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
}
.publish-studio-v2 .publish-card-title {
  margin-bottom: 8px;
  color: #facc15;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
}
.publish-studio-v2 .publish-basics { grid-area: basics; }
.publish-studio-v2 .publish-copy-card { grid-area: copy; }
.publish-studio-v2 .publish-rules { grid-area: rules; }
.publish-studio-v2 .publish-final-card { grid-area: final; }
.publish-studio-v2 .publish-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.publish-studio-v2 .publish-copy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}
.publish-studio-v2 .publish-copy-wide {
  grid-column: 1 / -1;
}
.publish-studio-v2 label {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}
.publish-studio-v2 input,
.publish-studio-v2 select,
.publish-studio-v2 textarea {
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.06);
  color: var(--ink);
  font-size: 12px;
}
.publish-studio-v2 textarea {
  min-height: 52px;
  resize: vertical;
}
.publish-studio-v2 .platform-rules-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
.publish-studio-v2 .platform-rule-card {
  display: grid;
  gap: 6px;
  padding: 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
}
.publish-studio-v2 .platform-rule-card strong {
  color: var(--ink);
  font-size: 12px;
}
.publish-studio-v2 .platform-rule-card label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  font-size: 11px;
}
.publish-studio-v2 .platform-rule-card input[type="checkbox"] {
  width: 14px;
  min-height: 14px;
  height: 14px;
  accent-color: #f59e0b;
}
.publish-studio-v2 .publish-final-card {
  display: grid;
  gap: 10px;
  align-content: center;
}
.publish-studio-v2 .publish-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
}
.publish-studio-v2 .publish-checks label {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: var(--ink);
  font-size: 11px;
}
.publish-studio-v2 .publish-checks input {
  width: 14px;
  min-height: 14px;
  height: 14px;
  border-radius: 4px;
  accent-color: #f59e0b;
}
.publish-studio-v2 .publish-main-btn {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  font-size: 15px;
}
.publish-studio-v2 > .feature-status {
  margin: 8px 2px 0;
  color: var(--muted);
  font-size: 11px;
}

.publish-account-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.72);
}
.publish-account-modal[hidden] { display: none; }
.publish-account-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 52px);
  overflow: auto;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(251,191,36,.24);
  background: linear-gradient(145deg, #21170f, #100d09);
  box-shadow: 0 28px 90px rgba(0,0,0,.58);
}
.publish-account-dialog header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.publish-account-dialog header strong {
  color: #facc15;
  font-size: 18px;
}
.publish-account-dialog header button {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--ink);
  cursor: pointer;
}
.publish-account-form {
  display: grid;
  grid-template-columns: 140px 1fr 150px;
  gap: 10px;
  margin-bottom: 12px;
}
.publish-account-form select,
.publish-account-form input {
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.06);
  color: var(--ink);
  padding: 0 12px;
}
.publish-account-list {
  display: grid;
  gap: 8px;
}
.publish-account-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
}
.publish-account-row div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.publish-account-row strong {
  color: #facc15;
}
.publish-account-row span {
  color: var(--ink);
  font-weight: 850;
}
.publish-account-row small {
  color: var(--muted);
}

@media (max-width: 1180px) {
  .publish-studio-v2 .publish-studio-body {
    grid-template-columns: 1fr;
    grid-template-areas: "basics" "copy" "rules" "final";
  }
  .publish-studio-v2 .publish-platform-dock,
  .publish-studio-v2 .platform-rules-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* Video controls below frame: play, enlarge and menu in one compact centered row. */
.premium-video-frame {
  display: grid;
  gap: 7px;
  align-content: start;
}
.premium-video-frame .premium-video-controls {
  position: static;
  inset: auto;
  z-index: 4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  gap: 8px;
  width: auto;
  margin: 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  position: static;
  inset: auto;
  transform: none;
  width: 32px;
  height: 32px;
  min-height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.10);
  color: #fff;
  box-shadow: none;
  opacity: 1;
  cursor: pointer;
}
.premium-video-frame .video-play-btn {
  background: linear-gradient(135deg, #fbbf24, #fb923c);
  color: #120804;
  border-color: rgba(251,191,36,.35);
}
.premium-video-frame .video-play-btn svg {
  width: 16px;
  height: 16px;
  margin-left: 2px;
}
.premium-video-frame .video-play-btn:hover,
.premium-video-frame .video-expand-btn:hover,
.premium-video-frame .video-three-dots:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.18);
}
.premium-video-frame .video-play-btn:hover {
  background: linear-gradient(135deg, #fde047, #fb923c);
}
.premium-video-frame .video-play-btn.playing {
  opacity: .45;
  pointer-events: auto;
  transform: none;
}
.premium-video-frame .video-expand-btn {
  font-size: 17px;
  line-height: 1;
}
.premium-video-frame .video-three-dots {
  font-size: 20px;
  line-height: 1;
  padding-bottom: 2px;
}
.premium-video-frame .video-menu-wrap {
  position: relative;
  display: grid;
}
.premium-video-frame .video-dropdown-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  min-width: 118px;
  z-index: 20;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(18,14,10,.96);
  box-shadow: 0 16px 40px rgba(0,0,0,.42);
}

/* Video bottom controls visual redesign: clean connected pill. */
.premium-video-frame .premium-video-controls {
  gap: 4px;
  padding: 4px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(28,24,19,.92), rgba(12,10,8,.86));
  box-shadow: 0 6px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 12px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.86);
  box-shadow: none;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.premium-video-frame .video-play-btn {
  width: 38px;
  background: #ffad21;
  color: #1a0c02;
}
.premium-video-frame .video-play-btn svg {
  width: 15px;
  height: 15px;
}
.premium-video-frame .video-expand-btn {
  font-size: 15px;
}
.premium-video-frame .video-three-dots {
  font-size: 19px;
  letter-spacing: 0;
  padding-bottom: 1px;
}
.premium-video-frame .video-expand-btn:hover,
.premium-video-frame .video-three-dots:hover {
  background: rgba(255,255,255,.10);
  color: #fff;
  transform: none;
}
.premium-video-frame .video-play-btn:hover {
  background: #ffc247;
  transform: none;
}
.premium-video-frame .video-play-btn.playing {
  background: rgba(255,173,33,.45);
  color: #fff2cf;
  opacity: 1;
}

/* Final video control placement: keep controls below the video frame. */
.premium-video-frame {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}
.premium-video-frame video,
.premium-video-frame .video-empty {
  order: 1;
}
.premium-video-frame .premium-video-controls {
  order: 2;
  position: static !important;
  justify-self: center;
  margin-top: 6px;
  margin-bottom: 0;
}

/* Final clean video toolbar: equal buttons, aligned icons. */
.premium-video-frame .premium-video-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: rgba(18, 16, 13, .82) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  line-height: 0 !important;
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  transform: none !important;
  vertical-align: middle !important;
}
.premium-video-frame .video-play-btn {
  background: #f5a524 !important;
  color: #130b03 !important;
}
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.90) !important;
}
.premium-video-frame .video-play-btn svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 0 0 2px !important;
}
.premium-video-frame .video-expand-btn {
  font-size: 16px !important;
  font-family: Arial, sans-serif !important;
}
.premium-video-frame .video-three-dots {
  font-size: 20px !important;
  font-family: Arial, sans-serif !important;
  letter-spacing: 0 !important;
  padding-bottom: 2px !important;
}
.premium-video-frame .video-menu-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
}
.premium-video-frame .video-play-btn:hover,
.premium-video-frame .video-expand-btn:hover,
.premium-video-frame .video-three-dots:hover {
  transform: none !important;
  filter: brightness(1.08);
}

/* Ultra compact controls directly under video, no bulky pill. */
.premium-video-frame {
  gap: 3px !important;
}
.premium-video-frame .premium-video-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 2px 0 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.88) !important;
}
.premium-video-frame .video-play-btn {
  background: #f59e0b !important;
  color: #140900 !important;
}
.premium-video-frame .video-play-btn svg {
  width: 13px !important;
  height: 13px !important;
}
.premium-video-frame .video-expand-btn {
  font-size: 14px !important;
}
.premium-video-frame .video-three-dots {
  font-size: 18px !important;
  padding-bottom: 1px !important;
}
.premium-video-frame .video-menu-wrap {
  width: 28px !important;
  height: 28px !important;
}

/* Practical polished video controls: compact, aligned, SVG based. */
.premium-video-frame {
  gap: 4px !important;
}
.premium-video-frame .premium-video-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: max-content !important;
  padding: 3px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  background: rgba(15, 13, 10, .72) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: rgba(255,255,255,.84) !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.premium-video-frame .video-play-btn {
  background: #f6a51a !important;
  color: #170b02 !important;
}
.premium-video-frame .video-play-btn svg,
.premium-video-frame .video-expand-btn svg,
.premium-video-frame .video-three-dots svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  margin: 0 !important;
  fill: currentColor;
}
.premium-video-frame .video-expand-btn svg path {
  fill: none !important;
}
.premium-video-frame .video-menu-wrap {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.premium-video-frame .video-play-btn:hover,
.premium-video-frame .video-expand-btn:hover,
.premium-video-frame .video-three-dots:hover {
  transform: none !important;
  background: rgba(255,255,255,.10) !important;
}
.premium-video-frame .video-play-btn:hover {
  background: #f8b83d !important;
}

/* Final override: neutral controls overlaid inside the lower video area. */
.premium-video-frame {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  gap: 0 !important;
}
.premium-video-frame video {
  display: block !important;
}
.premium-video-frame .premium-video-controls {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 12px !important;
  transform: translateX(-50%) !important;
  z-index: 9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  gap: 3px !important;
  padding: 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(8, 8, 8, .42) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(10px);
  line-height: 0 !important;
  pointer-events: auto !important;
}
.premium-video-frame .video-play-btn,
.premium-video-frame .video-expand-btn,
.premium-video-frame .video-three-dots {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  min-height: 29px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  line-height: 1 !important;
}
.premium-video-frame .video-play-btn svg,
.premium-video-frame .video-expand-btn svg,
.premium-video-frame .video-three-dots svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  fill: currentColor;
}
.premium-video-frame .video-play-btn svg {
  margin-left: 1px !important;
}
.premium-video-frame .video-expand-btn svg path {
  fill: none !important;
}
.premium-video-frame .video-menu-wrap {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 29px !important;
  height: 29px !important;
  pointer-events: auto !important;
}
.premium-video-frame .video-play-btn:hover,
.premium-video-frame .video-expand-btn:hover,
.premium-video-frame .video-three-dots:hover,
.premium-video-frame .video-play-btn.playing {
  transform: none !important;
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}
.premium-video-frame .video-dropdown-menu {
  top: auto !important;
  right: 0 !important;
  bottom: 36px !important;
  z-index: 11 !important;
  background: rgba(12,12,12,.94) !important;
}


/* Image to video workspace */
.image-video-page { display:block; }
.image-video-hero { min-height: calc(100vh - 150px); }
.image-video-grid { display:grid; grid-template-columns: minmax(260px,.85fr) minmax(320px,1fr) minmax(280px,.9fr); gap:16px; align-items:stretch; }
.image-video-card { border:1px solid rgba(255,255,255,.10); border-radius:22px; padding:16px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow:0 18px 44px rgba(0,0,0,.18); display:flex; flex-direction:column; gap:14px; }
.image-video-card label { display:grid; gap:8px; color:var(--muted); font-weight:800; }
.image-video-card textarea,.image-video-card input,.image-video-card select { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(0,0,0,.22); color:var(--ink); padding:12px; outline:none; }
.image-video-preview,.image-video-player { min-height:360px; border-radius:18px; border:1px dashed rgba(255,255,255,.18); background:radial-gradient(circle at 30% 10%,rgba(248,184,61,.18),transparent 32%),rgba(0,0,0,.24); display:grid; place-items:center; overflow:hidden; color:var(--muted); font-weight:900; }
.image-video-preview img,.image-video-player video { width:100%; height:100%; object-fit:cover; display:block; }
.image-video-result .quick-actions { margin-top:auto; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
@media (max-width: 1100px) { .image-video-grid { grid-template-columns:1fr; } .image-video-preview,.image-video-player { min-height:260px; } }

/* Integrated one-page workbench inspired by creator-suite dashboards */
body.integrated-workbench {
  --wb-bg:#0c0d10;
  --wb-panel:#141518;
  --wb-panel-2:#1a1c21;
  --wb-line:#2a2d35;
  --wb-line-soft:rgba(255,255,255,.08);
  --wb-text:#f4f7fb;
  --wb-muted:#8f99a8;
  --wb-blue:#168bff;
  --wb-cyan:#20d8ff;
  --wb-purple:#8b35ff;
  --wb-gold:#f0aa2e;
  background:
    radial-gradient(circle at 18% 8%, rgba(22,139,255,.18), transparent 34%),
    radial-gradient(circle at 72% 2%, rgba(139,53,255,.16), transparent 31%),
    linear-gradient(180deg,#0b0c0f,#111317 42%,#0b0c0f);
  color:var(--wb-text);
}
body.integrated-workbench .side-nav {
  width:160px;
  background:linear-gradient(180deg,#17191d,#0c0d10 65%);
  border-right:1px solid var(--wb-line);
  box-shadow:18px 0 46px rgba(0,0,0,.34);
  padding:14px 8px;
}
body.integrated-workbench .brand {
  padding:12px 10px 18px;
  border-bottom:1px solid var(--wb-line-soft);
  margin-bottom:18px;
}
body.integrated-workbench .brand span {
  background:linear-gradient(135deg,#ffd84a,#f59e0b);
  color:#121212;
  box-shadow:0 0 24px rgba(245,158,11,.35);
}
body.integrated-workbench .brand strong { font-size:16px; letter-spacing:.02em; }
body.integrated-workbench .brand small { color:var(--wb-muted); }
body.integrated-workbench .side-nav nav { gap:10px; }
body.integrated-workbench .side-nav nav a {
  height:48px;
  border-radius:12px;
  color:#d8dde6;
  background:transparent;
  border:1px solid transparent;
  font-weight:800;
}
body.integrated-workbench .side-nav nav a b {
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:#23262d;color:#aab3c2;font-size:12px;
}
body.integrated-workbench .side-nav nav a.active,
body.integrated-workbench .side-nav nav a:hover {
  background:linear-gradient(90deg,rgba(22,139,255,.18),rgba(139,53,255,.12));
  border-color:rgba(22,139,255,.45);
  color:#fff;
}
body.integrated-workbench .side-nav nav a.active b { background:linear-gradient(135deg,#20d8ff,#168bff);color:#fff; }
body.integrated-workbench .app-shell { margin-left:160px; min-height:100vh; }
body.integrated-workbench .workbench-topbar {
  position:sticky;top:0;z-index:20;
  display:grid;grid-template-columns:minmax(240px,360px) minmax(420px,1fr) auto;
  gap:12px;align-items:center;
  padding:14px 20px;
  background:rgba(13,14,17,.88);
  border-bottom:1px solid var(--wb-line);
  backdrop-filter:blur(18px);
}
body.integrated-workbench .workbench-title p { color:#69c8ff;font-weight:900;letter-spacing:.05em;margin:0 0 4px; }
body.integrated-workbench .workbench-title h1 { font-size:22px;margin:0; }
body.integrated-workbench .workbench-command { display:grid;grid-template-columns:1fr 68px 128px;gap:8px; }
body.integrated-workbench .workbench-command input,
body.integrated-workbench .login-box input,
body.integrated-workbench textarea,
body.integrated-workbench input,
body.integrated-workbench select {
  background:#111317!important;
  border:1px solid #343843!important;
  color:#f5f7fb!important;
  border-radius:8px!important;
}
body.integrated-workbench .login-box { grid-template-columns:100px 88px 68px 56px auto; gap:8px; }
body.integrated-workbench .account-strip { grid-column:1/-1; margin:0; }
body.integrated-workbench .account-strip .metric-card {
  background:linear-gradient(135deg,rgba(22,139,255,.14),rgba(240,170,46,.08));
  border:1px solid var(--wb-line);
  border-radius:14px;
}
body.integrated-workbench .workbench-board {
  display:grid;
  grid-template-columns:minmax(380px,.95fr) minmax(470px,1.06fr) minmax(390px,.9fr);
  gap:10px;
  padding:12px 20px 28px;
  align-items:start;
}
body.integrated-workbench .page-view { display:block!important; min-width:0; scroll-margin-top:88px; }
body.integrated-workbench .page-view[hidden] { display:block!important; }
body.integrated-workbench .workbench-card,
body.integrated-workbench .panel,
body.integrated-workbench .premium-card,
body.integrated-workbench .image-video-card,
body.integrated-workbench .publish-card,
body.integrated-workbench .premium-auto-pack,
body.integrated-workbench .premium-preview-box {
  background:linear-gradient(180deg,rgba(24,25,30,.98),rgba(14,15,18,.98))!important;
  border:1px solid var(--wb-line)!important;
  border-radius:8px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
body.integrated-workbench .section-head,
body.integrated-workbench .premium-card-head,
body.integrated-workbench .publish-studio-head {
  padding:10px 10px 8px!important;
  border-bottom:0!important;
  margin:0!important;
  align-items:center;
}
body.integrated-workbench .section-head p,
body.integrated-workbench .premium-card-head b,
body.integrated-workbench .publish-card-title {
  color:#4ea2ff!important;
  font-weight:950!important;
  text-shadow:0 0 18px rgba(22,139,255,.35);
}
body.integrated-workbench .section-head h2,
body.integrated-workbench .premium-card-head strong { font-size:18px!important;color:#fff!important; }
body.integrated-workbench .section-head small,
body.integrated-workbench .premium-card-head small { color:var(--wb-muted)!important; }
body.integrated-workbench .primary-btn,
body.integrated-workbench .download-btn {
  border:0!important;color:#fff!important;font-weight:900!important;
  background:linear-gradient(90deg,#3c79ff,#a321f3)!important;
  box-shadow:0 10px 24px rgba(93,82,255,.22);
}
body.integrated-workbench .outline-btn {
  color:#dce8ff!important;background:#171a20!important;border:1px solid #3d4452!important;font-weight:800!important;
}
body.integrated-workbench .workbench-card-create { grid-column:1; grid-row:2; }
body.integrated-workbench .workbench-card-premium { grid-column:2; grid-row:2 / span 4; }
body.integrated-workbench .workbench-card-image { grid-column:1; grid-row:3; }
body.integrated-workbench .workbench-card-publish { grid-column:3; grid-row:2 / span 2; }
body.integrated-workbench .workbench-card-library { grid-column:3; grid-row:4; }
body.integrated-workbench .asset-quota { grid-template-columns:1fr 1fr; gap:8px; }
body.integrated-workbench .asset-quota article,
body.integrated-workbench .asset-workflow article {
  background:#101216!important;border:1px solid var(--wb-line)!important;border-radius:8px!important;
}
body.integrated-workbench .asset-workflow { grid-template-columns:1fr; gap:10px; }
body.integrated-workbench .premium-flow-grid { grid-template-columns:1fr 1fr; gap:10px; }
body.integrated-workbench .premium-generate-card { grid-column:1/-1; }
body.integrated-workbench .premium-auto-pack {
  margin-top:10px!important;
  padding:0 10px 12px!important;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:10px;
}
body.integrated-workbench .premium-auto-pack .premium-card-head { grid-column:1/-1; }
body.integrated-workbench .auto-pack-grid {
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  max-height:520px;overflow:auto;padding-right:4px;
}
body.integrated-workbench .auto-pack-box {
  background:#0f1115!important;border:1px solid #2f3440!important;border-radius:8px!important;padding:10px!important;
}
body.integrated-workbench .pack-options { gap:6px!important; }
body.integrated-workbench .pack-option,
body.integrated-workbench .pack-music-item {
  background:#171a20!important;border:1px solid #333945!important;border-radius:7px!important;color:#e8edf6!important;
}
body.integrated-workbench .pack-option.active,
body.integrated-workbench .pack-music-item.active { border-color:#168bff!important;box-shadow:0 0 0 1px rgba(22,139,255,.25) inset; }
body.integrated-workbench .premium-preview-area { grid-template-columns:1fr!important; }
body.integrated-workbench .premium-preview-box { min-height:220px!important; }
body.integrated-workbench .image-video-grid { grid-template-columns:1fr!important; gap:10px!important; }
body.integrated-workbench .image-video-preview,
body.integrated-workbench .image-video-player { min-height:230px!important;border-radius:8px!important;background:#07080a!important; }
body.integrated-workbench .image-video-result .quick-actions { margin-top:0!important; }
body.integrated-workbench .publish-studio-v2 { padding:0 10px 12px!important; }
body.integrated-workbench .publish-studio-head { display:flex!important;justify-content:space-between;gap:8px; }
body.integrated-workbench .publish-studio-actions { display:flex;gap:8px;flex-wrap:wrap; }
body.integrated-workbench .publish-platform-dock { grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:8px 0!important; }
body.integrated-workbench .publish-platform-card {
  background:#111318!important;border:1px solid #343946!important;border-radius:8px!important;
}
body.integrated-workbench .publish-studio-body { display:grid!important;grid-template-columns:1fr!important;gap:10px!important; }
body.integrated-workbench .publish-card { padding:10px!important; }
body.integrated-workbench .publish-schedule-panel { min-height:280px; }
body.integrated-workbench .video-library-page { padding:10px!important; }
body.integrated-workbench .video-library-list,
body.integrated-workbench .completed-list { max-height:360px; overflow:auto; }
body.integrated-workbench .premium-edit-preview,
body.integrated-workbench .premium-final-preview { background:#090a0d!important; }
body.integrated-workbench ::-webkit-scrollbar { width:8px;height:8px; }
body.integrated-workbench ::-webkit-scrollbar-thumb { background:#343a46;border-radius:999px; }
@media (max-width: 1380px) {
  body.integrated-workbench .workbench-board { grid-template-columns:1fr 1fr; }
  body.integrated-workbench .workbench-card-create,
  body.integrated-workbench .workbench-card-image,
  body.integrated-workbench .workbench-card-premium,
  body.integrated-workbench .workbench-card-publish,
  body.integrated-workbench .workbench-card-library { grid-column:auto; grid-row:auto; }
}
@media (max-width: 900px) {
  body.integrated-workbench .app-shell { margin-left:0; }
  body.integrated-workbench .side-nav { position:relative;width:auto; }
  body.integrated-workbench .workbench-topbar { position:relative;grid-template-columns:1fr; }
  body.integrated-workbench .workbench-command { grid-template-columns:1fr; }
  body.integrated-workbench .workbench-board { grid-template-columns:1fr;padding:10px; }
  body.integrated-workbench .premium-flow-grid { grid-template-columns:1fr; }
  body.integrated-workbench .premium-auto-pack { grid-template-columns:1fr; }
}

body.integrated-workbench .workbench-side-stack { grid-column:3; grid-row:2 / span 4; display:grid; gap:10px; align-self:start; }
body.integrated-workbench .workbench-card-publish { grid-column:3; grid-row:6; }
body.integrated-workbench .workbench-card-library { grid-column:3; grid-row:7; }
body.integrated-workbench .polish-panel,
body.integrated-workbench .publish-compact-panel { padding:10px!important; overflow:hidden; }
body.integrated-workbench .polish-grid { display:grid; grid-template-columns: minmax(180px,.85fr) minmax(220px,1fr); gap:10px; }
body.integrated-workbench .phone-preview { min-height:360px; border-radius:6px; border:1px solid #343946; background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)), repeating-conic-gradient(#24262b 0% 25%, #1a1c20 0% 50%) 50%/20px 20px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; padding-top:68px; }
body.integrated-workbench .phone-preview::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 52% 42%,rgba(22,139,255,.2),transparent 28%); }
body.integrated-workbench .phone-title { position:relative; z-index:1; color:#fff; font-size:20px; font-weight:950; padding:5px 9px; background:rgba(233,70,28,.92); text-shadow:0 2px 0 rgba(0,0,0,.35); }
body.integrated-workbench .phone-sub { position:absolute; bottom:104px; left:28px; z-index:1; font-weight:950; color:#fff; }
body.integrated-workbench .phone-sub::after { content:""; color:#35b6ff; }
body.integrated-workbench .phone-icons { position:absolute; right:14px; bottom:90px; display:grid; gap:12px; font-size:22px; z-index:1; }
body.integrated-workbench .polish-controls { background:#0c0d10; border:1px solid #2f3440; border-radius:8px; padding:10px; display:grid; gap:9px; }
body.integrated-workbench .mini-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
body.integrated-workbench .mini-tools button,
body.integrated-workbench .publish-tabs button { background:#151820; color:#eaf1ff; border:1px solid #363c49; border-radius:6px; min-height:30px; font-weight:800; }
body.integrated-workbench .polish-controls label { display:grid; grid-template-columns:48px 1fr; align-items:center; gap:8px; color:#f5f7fb; font-weight:800; font-size:13px; }
body.integrated-workbench .polish-controls input[type="range"] { accent-color:#2494ff; }
body.integrated-workbench .polish-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:10px; }
body.integrated-workbench .publish-tabs { display:grid; grid-template-columns:1fr 1fr 1fr 34px; gap:8px; margin:8px 0 10px; align-items:center; }
body.integrated-workbench .publish-tabs span { width:30px; height:18px; border-radius:99px; background:linear-gradient(90deg,#168bff,#20d8ff); box-shadow:0 0 0 4px rgba(22,139,255,.12); }
body.integrated-workbench .publish-upload-box { min-height:178px; border-radius:8px; background:#1a1c20; border:1px solid #2c313c; display:grid; place-items:center; align-content:center; gap:10px; }
body.integrated-workbench .empty-cube { font-size:48px; color:#4a4e58; line-height:1; }
body.integrated-workbench .publish-upload-box p { margin:0; color:#b8c1d1; font-weight:800; }
body.integrated-workbench .publish-upload-box .outline-btn,
body.integrated-workbench .publish-upload-box .primary-btn { display:inline-flex; min-width:110px; justify-content:center; }
body.integrated-workbench .publish-account-box { min-height:76px; border:1px solid #3b4250; border-radius:6px; display:flex; align-items:center; justify-content:space-between; padding:10px; margin-top:10px; color:#778190; }
body.integrated-workbench .publish-mode-box { min-height:64px; border:1px solid #3b4250; border-radius:6px; display:flex; gap:20px; align-items:center; padding:10px; margin-top:10px; color:#dfe7f3; font-weight:800; }
body.integrated-workbench .publish-empty-area { min-height:130px; border:1px solid #3b4250; border-top:0; border-radius:0 0 6px 6px; background:#1b1d22; }
body.integrated-workbench .compact-publish-btn { width:150px; float:right; margin-top:10px; }
body.integrated-workbench .publish-studio-v2 { display:none!important; }
@media (max-width: 1380px) { body.integrated-workbench .workbench-side-stack { grid-column:auto; grid-row:auto; } }

/* Strict one-click creator workbench: clean black/blue layout */
body.integrated-workbench {
  --strict-bg:#101113;
  --strict-side:#17191c;
  --strict-card:#191b1f;
  --strict-card2:#111316;
  --strict-line:#333842;
  --strict-soft:#242831;
  --strict-text:#f3f5f8;
  --strict-muted:#9aa3af;
  --strict-blue:#2d95ff;
  --strict-blue2:#1478dc;
  --strict-purple:#7a35f0;
  --strict-accent:#1fc26b;
  --strict-warn:#ffb52e;
  background:#111317!important;
  color:var(--strict-text)!important;
}
body.integrated-workbench .app-shell { margin-left:160px!important; background:#111317!important; }
body.integrated-workbench .side-nav { width:160px!important; background:#17191c!important; border-right:1px solid #2b3038!important; box-shadow:none!important; }
body.integrated-workbench .brand { border-bottom:1px solid #2b3038!important; }
body.integrated-workbench .brand span { background:#ffbd2e!important; color:#111!important; box-shadow:none!important; }
body.integrated-workbench .brand strong { color:#fff!important; }
body.integrated-workbench .brand small { color:#9aa3af!important; }
body.integrated-workbench .side-nav nav a { background:transparent!important; border:0!important; color:#cfd6df!important; height:48px!important; border-radius:10px!important; }
body.integrated-workbench .side-nav nav a b { background:#252a33!important; color:#dce4ee!important; border-radius:9px!important; width:32px!important; height:32px!important; font-size:12px!important; }
body.integrated-workbench .side-nav nav a.active { background:#18253a!important; border:1px solid #2d95ff!important; color:#fff!important; }
body.integrated-workbench .side-nav nav a.active b { background:#2d95ff!important; color:#fff!important; }
body.integrated-workbench .workbench-topbar { grid-template-columns:350px minmax(360px,1fr) auto!important; gap:10px!important; background:#15171b!important; border-bottom:1px solid #2b3038!important; box-shadow:none!important; padding:14px 20px!important; }
body.integrated-workbench .workbench-title p { color:#38a2ff!important; margin:0 0 4px!important; font-size:13px!important; }
body.integrated-workbench .workbench-title h1 { color:#fff!important; font-size:24px!important; margin:0!important; }
body.integrated-workbench .workbench-command { display:grid!important; grid-template-columns:1fr 68px 128px!important; gap:8px!important; }
body.integrated-workbench input,
body.integrated-workbench textarea,
body.integrated-workbench select { background:#121418!important; border:1px solid #343a45!important; color:#eef3fa!important; border-radius:6px!important; box-shadow:none!important; }
body.integrated-workbench .login-box { grid-template-columns:160px 160px 86px 74px auto!important; gap:8px!important; }
body.integrated-workbench .strict-board { display:grid!important; grid-template-columns:minmax(390px,1fr) minmax(470px,1.08fr) minmax(420px,.95fr)!important; gap:10px!important; padding:10px 20px 26px!important; align-items:start!important; background:#111317!important; }
body.integrated-workbench .strict-column { display:grid!important; gap:10px!important; min-width:0!important; }
body.integrated-workbench .strict-card { background:#191b1f!important; border:1px solid #2e333d!important; border-radius:6px!important; padding:10px!important; box-shadow:none!important; overflow:hidden!important; }
body.integrated-workbench .strict-head { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-bottom:10px!important; }
body.integrated-workbench .strict-head > b { width:36px!important; height:36px!important; border-radius:10px!important; display:grid!important; place-items:center!important; background:#1fc26b!important; color:#07451f!important; font-weight:950!important; flex:0 0 auto!important; }
body.integrated-workbench .strict-head strong { color:#fff!important; font-size:18px!important; line-height:1.1!important; }
body.integrated-workbench .strict-head small { color:#9aa3af!important; display:block!important; margin-top:4px!important; }
body.integrated-workbench .strict-mini { background:#18253a!important; color:#55adff!important; border:1px solid #2d95ff!important; border-radius:6px!important; min-height:30px!important; padding:0 12px!important; font-weight:800!important; }
body.integrated-workbench .primary-btn,
body.integrated-workbench .download-btn { background:linear-gradient(90deg,#3b78ff,#8c2ff2)!important; color:#fff!important; border:0!important; border-radius:7px!important; font-weight:900!important; box-shadow:none!important; min-height:40px!important; }
body.integrated-workbench .outline-btn { background:#171a20!important; color:#e5edf7!important; border:1px solid #3c4350!important; border-radius:7px!important; font-weight:800!important; min-height:38px!important; }
body.integrated-workbench .strict-quota { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-bottom:10px!important; }
body.integrated-workbench .strict-quota article { background:#121418!important; border:1px solid #303641!important; border-radius:6px!important; padding:14px!important; }
body.integrated-workbench .strict-quota span,
body.integrated-workbench .strict-step p { color:#a4adbb!important; }
body.integrated-workbench .strict-quota strong { color:#ffbd2e!important; font-size:30px!important; display:block!important; margin:8px 0!important; }
body.integrated-workbench .strict-step { display:grid!important; grid-template-columns:40px 1fr!important; gap:10px!important; background:#121418!important; border:1px solid #303641!important; border-radius:6px!important; padding:14px!important; margin-top:10px!important; }
body.integrated-workbench .strict-step i,
body.integrated-workbench .strict-select-grid i { width:32px!important; height:32px!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:#1fc26b!important; color:#063f1c!important; font-style:normal!important; font-weight:950!important; }
body.integrated-workbench .strict-step strong { color:#fff!important; font-size:15px!important; }
body.integrated-workbench .strict-step button,
body.integrated-workbench .strict-step input { width:100%!important; margin-top:8px!important; }
body.integrated-workbench .asset-list { margin-top:10px!important; max-height:210px!important; overflow:auto!important; }
body.integrated-workbench .strict-image-preview { min-height:220px!important; border:1px dashed #3c4350!important; border-radius:6px!important; background:#0c0d10!important; display:grid!important; place-items:center!important; color:#87909e!important; margin:8px 0!important; overflow:hidden!important; }
body.integrated-workbench .strict-image-preview img { width:100%!important; height:100%!important; object-fit:cover!important; }
body.integrated-workbench #imageVideoPrompt { width:100%!important; margin-top:8px!important; }
body.integrated-workbench .strict-inline { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin:8px 0!important; }
body.integrated-workbench .feature-status { color:#65b6ff!important; font-size:12px!important; }
body.integrated-workbench .strict-select-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; }
body.integrated-workbench .strict-select-grid article { background:#121418!important; border:1px solid #303641!important; border-radius:6px!important; padding:12px!important; display:grid!important; gap:8px!important; }
body.integrated-workbench .strict-select-grid strong { color:#fff!important; }
body.integrated-workbench .strict-copy { margin-top:10px!important; }
body.integrated-workbench .strict-copy > strong { color:#ffbd2e!important; display:block!important; margin-bottom:8px!important; }
body.integrated-workbench .form-grid { display:grid!important; grid-template-columns:1fr 1fr 1fr!important; gap:8px!important; }
body.integrated-workbench #premiumTextInput { width:100%!important; margin:8px 0!important; min-height:160px!important; }
body.integrated-workbench .strict-result { margin-top:10px!important; }
body.integrated-workbench .strict-video-box { min-height:180px!important; background:#050607!important; border-radius:6px!important; display:grid!important; place-items:center!important; color:#aab3c2!important; margin-top:8px!important; }
body.integrated-workbench .strict-pack { background:#121418!important; border:1px solid #303641!important; border-radius:6px!important; padding:10px!important; margin-top:10px!important; }
body.integrated-workbench .strict-template { display:grid!important; grid-template-columns:220px 1fr!important; gap:10px!important; }
body.integrated-workbench .template-photo { min-height:260px!important; background:linear-gradient(180deg,#2a2f37,#111317)!important; border-radius:6px!important; display:grid!important; place-items:end center!important; padding:18px!important; color:#fff!important; font-weight:900!important; }
body.integrated-workbench .template-controls { display:grid!important; align-content:start!important; gap:12px!important; }
body.integrated-workbench .strict-polish { display:grid!important; grid-template-columns:minmax(180px,.9fr) minmax(210px,1fr)!important; gap:10px!important; }
body.integrated-workbench .strict-phone { min-height:430px!important; background:repeating-conic-gradient(#24262b 0% 25%,#1a1c20 0% 50%) 50%/20px 20px!important; border:1px solid #343a45!important; border-radius:6px!important; position:relative!important; display:grid!important; align-content:start!important; justify-items:center!important; padding-top:72px!important; color:#fff!important; font-weight:950!important; }
body.integrated-workbench .strict-phone div { background:#d54322!important; padding:6px 10px!important; font-size:22px!important; }
body.integrated-workbench .strict-phone span { position:absolute!important; bottom:100px!important; font-size:15px!important; }
body.integrated-workbench .strict-controls { background:#0e1013!important; border:1px solid #303641!important; border-radius:6px!important; padding:10px!important; display:grid!important; gap:9px!important; }
body.integrated-workbench .mini-tools { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:6px!important; }
body.integrated-workbench .mini-tools button,
body.integrated-workbench .publish-tabs button { background:#171a20!important; color:#e6edf7!important; border:1px solid #3c4350!important; border-radius:6px!important; min-height:30px!important; font-weight:800!important; }
body.integrated-workbench .strict-controls label { display:grid!important; grid-template-columns:44px 1fr!important; align-items:center!important; gap:8px!important; color:#e5edf7!important; font-size:13px!important; font-weight:800!important; }
body.integrated-workbench input[type="range"] { accent-color:#2d95ff!important; }
body.integrated-workbench .strict-actions { display:flex!important; justify-content:flex-end!important; gap:8px!important; margin-top:10px!important; }
body.integrated-workbench .publish-tabs { display:grid!important; grid-template-columns:1fr 1fr 1fr!important; gap:8px!important; margin:8px 0!important; }
body.integrated-workbench .publish-upload-box { min-height:180px!important; background:#202226!important; border:1px solid #303641!important; border-radius:6px!important; display:grid!important; place-items:center!important; align-content:center!important; gap:8px!important; color:#bcc5d2!important; }
body.integrated-workbench .empty-cube { font-size:46px!important; color:#555b66!important; }
body.integrated-workbench .publish-account-box,
body.integrated-workbench .publish-mode-box { border:1px solid #3a414d!important; border-radius:6px!important; padding:10px!important; margin-top:10px!important; display:flex!important; justify-content:space-between!important; align-items:center!important; gap:14px!important; color:#d7dfeb!important; }
body.integrated-workbench .publish-empty-area { min-height:170px!important; background:#202226!important; border:1px solid #3a414d!important; border-radius:6px!important; margin-top:10px!important; }
body.integrated-workbench .compact-publish-btn { float:right!important; margin-top:10px!important; width:150px!important; }
/* Publish card v203: match the compact reference workflow. */
body.integrated-workbench #accountManage { padding:12px!important; background:#111214!important; border:1px solid #24282e!important; border-radius:6px!important; }
body.integrated-workbench #accountManage .strict-head { min-height:40px!important; margin:0!important; padding:0 10px!important; border:0!important; background:transparent!important; }
body.integrated-workbench #accountManage .strict-head > b { color:#4da4ff!important; font-size:16px!important; }
body.integrated-workbench #accountManage .strict-head strong { font-size:16px!important; }
body.integrated-workbench #accountManage .strict-head small { display:none!important; }
body.integrated-workbench #accountManage .strict-switch { width:30px!important; height:16px!important; border-radius:99px!important; background:#4b4e52!important; }
body.integrated-workbench #accountManage .publish-tabs { display:flex!important; justify-content:flex-end!important; gap:14px!important; margin:-31px 38px 14px 175px!important; }
body.integrated-workbench #accountManage .publish-tabs button { min-height:28px!important; padding:0 4px!important; border:0!important; background:transparent!important; color:#edf2f6!important; font-size:12px!important; }
body.integrated-workbench #accountManage .publish-tabs button:hover,
body.integrated-workbench #accountManage .publish-tabs button.active { color:#45a8ff!important; }
body.integrated-workbench #accountManage .publish-upload-box { min-height:188px!important; padding:16px!important; background:#1d1f21!important; border:1px solid #343a42!important; border-radius:6px!important; }
body.integrated-workbench #accountManage .empty-cube { font-size:42px!important; color:#464b54!important; }
body.integrated-workbench #accountManage .publish-upload-box p { color:#aeb7c1!important; font-size:12px!important; }
body.integrated-workbench #accountManage .publish-upload-box .outline-btn { order:4!important; }
body.integrated-workbench #accountManage .publish-upload-box .primary-btn { order:3!important; background:#eba332!important; box-shadow:none!important; }
body.integrated-workbench #accountManage .publish-account-box { min-height:76px!important; background:#1d1f21!important; border-color:#4a525b!important; }
body.integrated-workbench #accountManage .publish-mode-box { min-height:250px!important; align-items:flex-start!important; justify-content:flex-start!important; padding:16px!important; background:#1d1f21!important; }
body.integrated-workbench #accountManage .publish-mode-box label { color:#e3eaf1!important; }
body.integrated-workbench #accountManage .publish-mode-box label:first-child { color:#48a8ff!important; }
body.integrated-workbench #accountManage .compact-publish-btn { width:120px!important; min-height:34px!important; margin-top:10px!important; background:#3298ff!important; }
body.integrated-workbench #accountManage .yjzb-video-note { display:block!important; clear:both!important; padding-top:8px!important; }
body.integrated-workbench .completed-list { max-height:300px!important; overflow:auto!important; }
body.integrated-workbench .page-view:not(.strict-card),
body.integrated-workbench .workbench-side-stack,
body.integrated-workbench .publish-studio-v2,
body.integrated-workbench .account-strip { display:none!important; }
@media (max-width: 1300px) { body.integrated-workbench .strict-board { grid-template-columns:1fr!important; } body.integrated-workbench .workbench-topbar { grid-template-columns:1fr!important; } }

/* Strict layout final spacing corrections */
body.integrated-workbench .workbench-topbar { position:sticky!important; top:0!important; z-index:50!important; min-height:82px!important; }
body.integrated-workbench .strict-board { padding-top:18px!important; }
body.integrated-workbench .strict-card { scroll-margin-top:104px!important; }
body.integrated-workbench .strict-head { min-height:42px!important; }
body.integrated-workbench .strict-left,
body.integrated-workbench .strict-middle,
body.integrated-workbench .strict-right { padding-top:0!important; }
body.integrated-workbench .strict-card:first-child { margin-top:0!important; }
body.integrated-workbench .strict-head > div { min-width:0!important; }
body.integrated-workbench .strict-head > div strong { white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
body.integrated-workbench .strict-head > div small { white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
body.integrated-workbench .strict-step { margin-top:10px!important; }
body.integrated-workbench .strict-board::before { content:none!important; }

/* Running task highlight: cyan cursor scans active module border */
body.integrated-workbench .strict-card { position:relative!important; }
body.integrated-workbench .strict-card.is-running {
  border-color:rgba(34,211,238,.78)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.12), 0 0 30px rgba(34,211,238,.10)!important;
}
body.integrated-workbench .strict-card.is-running::before {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:7px;
  padding:1px;
  background:conic-gradient(from var(--run-angle,0deg), transparent 0 68%, rgba(34,211,238,.08) 72%, #26e8ff 78%, rgba(59,130,246,.92) 84%, transparent 92% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:strictRunBorder 1.35s linear infinite;
}
body.integrated-workbench .strict-card.is-running::after {
  content:"";
  position:absolute;
  left:-24%;
  top:0;
  width:22%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.20),transparent);
  filter:blur(10px);
  pointer-events:none;
  animation:strictRunSweep 1.7s ease-in-out infinite;
}
body.integrated-workbench .strict-card.is-running .strict-head > b {
  background:linear-gradient(135deg,#22d3ee,#2d95ff)!important;
  color:#02151a!important;
  box-shadow:0 0 20px rgba(34,211,238,.42)!important;
}
body.integrated-workbench .strict-card.is-running .primary-btn[disabled],
body.integrated-workbench .strict-card.is-running button[disabled] {
  opacity:1!important;
  color:#eafcff!important;
  background:linear-gradient(90deg,#2563eb,#7c3aed)!important;
  position:relative;
  overflow:hidden;
}
body.integrated-workbench .strict-card.is-running .primary-btn[disabled]::after,
body.integrated-workbench .strict-card.is-running button[disabled]::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-100%);
  animation:strictButtonShine 1.2s linear infinite;
}
@property --run-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes strictRunBorder { to { --run-angle:360deg; } }
@keyframes strictRunSweep { 0% { left:-28%; opacity:0; } 20% { opacity:1; } 100% { left:106%; opacity:0; } }
@keyframes strictButtonShine { to { transform:translateX(100%); } }

/* Benchmark section number style: blue text number, no green pill for 01-06 headers */
body.integrated-workbench .strict-head > b {
  width:auto!important;
  height:auto!important;
  min-width:34px!important;
  border-radius:0!important;
  display:inline-block!important;
  background:transparent!important;
  color:#2f7dff!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-shadow:0 0 14px rgba(47,125,255,.35)!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
body.integrated-workbench .strict-head {
  justify-content:flex-start!important;
  align-items:flex-start!important;
  gap:8px!important;
  border-bottom:0!important;
  padding:4px 0 8px!important;
}
body.integrated-workbench .strict-head > div { flex:1 1 auto!important; }
body.integrated-workbench .strict-head strong {
  font-size:18px!important;
  color:#f7f9ff!important;
  font-weight:950!important;
}
body.integrated-workbench .strict-head small {
  font-size:12px!important;
  color:#818996!important;
}
body.integrated-workbench .strict-head .strict-mini,
body.integrated-workbench .strict-head .strict-switch,
body.integrated-workbench .strict-head .strict-check {
  margin-left:auto!important;
}
body.integrated-workbench .strict-card.is-running .strict-head > b {
  background:transparent!important;
  color:#27e7ff!important;
  box-shadow:none!important;
}
body.integrated-workbench .strict-select-grid i,
body.integrated-workbench .strict-step i {
  background:#19c96f!important;
  color:#052b17!important;
}
body.integrated-workbench .strict-tabs button.active {
  background:#1179d6!important;
  color:#fff!important;
}
body.integrated-workbench .strict-link-row { display:grid!important; grid-template-columns:1fr 68px 92px!important; gap:8px!important; }
body.integrated-workbench .strict-field-head { display:flex!important; justify-content:space-between!important; align-items:center!important; margin:10px 0 6px!important; color:#e7edf7!important; }
body.integrated-workbench .strict-field-head span { display:flex!important; gap:6px!important; }
body.integrated-workbench .strict-mini.danger { color:#ff7777!important; border-color:#7f2d2d!important; background:#211719!important; }
body.integrated-workbench .strict-upload-box { background:#15171b!important; border:1px dashed #3a414d!important; border-radius:6px!important; padding:16px!important; text-align:center!important; display:grid!important; gap:8px!important; color:#9aa3af!important; }
body.integrated-workbench .upload-icon { font-size:34px!important; color:#8b929d!important; }
body.integrated-workbench .strict-suggestions { display:grid!important; gap:6px!important; margin:10px 0!important; }
body.integrated-workbench .strict-suggestions button { text-align:left!important; background:#111317!important; border:1px solid #2e333d!important; color:#e5ebf5!important; border-radius:4px!important; min-height:30px!important; }
body.integrated-workbench .strict-tabs { display:grid!important; grid-template-columns:1fr 1fr!important; gap:0!important; background:#101114!important; padding:8px!important; border-radius:4px!important; margin-bottom:10px!important; }
body.integrated-workbench .strict-tabs button { border:0!important; background:transparent!important; color:#dbe4f0!important; min-height:34px!important; font-weight:900!important; }
body.integrated-workbench .strict-audio-panel { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-bottom:10px!important; }
body.integrated-workbench .strict-player { height:44px!important; border-radius:22px!important; background:#3a3a3a!important; display:grid!important; grid-template-columns:auto 1fr auto!important; align-items:center!important; gap:12px!important; padding:0 14px!important; color:#f2f2f2!important; margin-top:10px!important; }
body.integrated-workbench .strict-player div { height:4px!important; background:#777!important; border-radius:999px!important; }
/* Final benchmark polish: unify action color and tighten 01-06 header rhythm */
body.integrated-workbench .primary-btn,
body.integrated-workbench .download-btn {
  background:linear-gradient(180deg,#238cff,#0f6fd1)!important;
  border:1px solid #3aa5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(35,140,255,.10)!important;
}
body.integrated-workbench .side-nav nav a b {
  font-size:14px!important;
  font-weight:950!important;
}
body.integrated-workbench .brand span {
  font-size:18px!important;
  font-weight:950!important;
}
body.integrated-workbench .strict-head > b {
  min-width:38px!important;
  padding-top:2px!important;
  font-size:21px!important;
  font-family:Verdana, 'Microsoft YaHei', sans-serif!important;
}
body.integrated-workbench .strict-head > div strong {
  letter-spacing:.01em!important;
}
body.integrated-workbench .strict-card {
  background:linear-gradient(180deg,#1b1d22,#17191d)!important;
}
body.integrated-workbench .strict-card:hover {
  border-color:#3c4452!important;
}
body.integrated-workbench .strict-switch {
  width:34px!important;
  height:18px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#168bff,#20d8ff)!important;
  box-shadow:0 0 12px rgba(32,216,255,.22)!important;
}

/* User-requested removal: hide local quota cards while keeping asset data intact. */
body.integrated-workbench .strict-quota { display:none!important; }

/* Secondary-page shell: follows the same desktop YiJianZhuiBao dark/blue style. */
.benchmark-layer[hidden] { display:none!important; }
.benchmark-layer {
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
}
.benchmark-layer-backdrop {
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.68)!important;
}
.benchmark-layer-panel {
  position:relative!important;
  width:min(920px,88vw)!important;
  min-height:560px!important;
  overflow:hidden!important;
  color:#f7f7f7!important;
  background:#1b1b1c!important;
  border:1px solid #393c42!important;
  border-radius:8px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.benchmark-layer-panel header {
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  padding:20px 22px!important;
  border-bottom:1px solid #303238!important;
  background:#202020!important;
}
.benchmark-layer-panel header div {
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:10px!important;
  align-items:baseline!important;
}
.benchmark-layer-panel header b {
  color:#2d86ff!important;
  font-size:23px!important;
  font-weight:950!important;
}
.benchmark-layer-panel header strong {
  color:#fff!important;
  font-size:22px!important;
  font-weight:950!important;
}
.benchmark-layer-panel header small {
  grid-column:2!important;
  margin-top:4px!important;
  color:#90959e!important;
}
.benchmark-layer-panel header button {
  width:34px!important;
  height:34px!important;
  border:1px solid #444850!important;
  border-radius:6px!important;
  background:#111!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
}
.clone-layer-body {
  display:grid!important;
  grid-template-columns:190px 1fr!important;
  min-height:480px!important;
}
.clone-layer-steps {
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  padding:18px 12px!important;
  border-right:1px solid #303238!important;
  background:#171717!important;
}
.clone-layer-steps button {
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#dfe3ea!important;
  text-align:left!important;
  font-weight:900!important;
}
.clone-layer-steps button.active {
  border-color:#248cff!important;
  background:#172233!important;
  color:#fff!important;
}
.clone-layer-main {
  display:grid!important;
  align-content:start!important;
  gap:16px!important;
  padding:22px!important;
}
.clone-work-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important;
  gap:14px!important;
}
.clone-drop {
  min-height:230px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:10px!important;
  text-align:center!important;
  border:1px dashed #4a4d55!important;
  border-radius:8px!important;
  background:#202020!important;
}
.clone-drop span {
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#1e95ff!important;
  color:#fff!important;
  font-size:26px!important;
  font-weight:950!important;
}
.clone-drop strong { color:#fff!important; font-size:18px!important; }
.clone-drop small { color:#9298a2!important; }
.clone-model-card,
.clone-layer-result,
.clone-name-field {
  display:grid!important;
  gap:8px!important;
  padding:14px!important;
  border:1px solid #343943!important;
  border-radius:8px!important;
  background:#202124!important;
}
.clone-model-card b,
.clone-layer-result b,
.clone-name-field {
  color:#f5f5f5!important;
  font-weight:900!important;
}
.clone-model-card strong {
  color:#fff!important;
  font-size:17px!important;
}
.clone-model-card span,
.clone-layer-result span {
  color:#a4abb6!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.clone-name-field input {
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid #3b3d42!important;
  border-radius:6px!important;
  background:#171717!important;
  color:#fff!important;
}
.clone-meter {
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:6px!important;
}
.clone-meter i {
  height:7px!important;
  border-radius:999px!important;
  background:#1e95ff!important;
}
.clone-layer-actions {
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
#cloneLayerStatus {
  margin:0!important;
  color:#8f949c!important;
}

/* Real YiJianZhuiBao shell pass: match the running desktop app screenshot. */
body.integrated-workbench {
  background:#1f1f20!important;
  font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif!important;
}
body.integrated-workbench .side-nav {
  width:168px!important;
  background:#171819!important;
  border-right:1px solid #2d2d2f!important;
  padding:20px 10px 10px!important;
}
body.integrated-workbench .app-shell {
  margin-left:168px!important;
  background:#1f1f20!important;
}
body.integrated-workbench .yjzb-real-brand {
  height:64px!important;
  padding:0 8px 18px!important;
  gap:10px!important;
  align-items:center!important;
  border-bottom:1px solid #303033!important;
}
body.integrated-workbench .yjzb-real-brand span {
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
  position:relative!important;
}
body.integrated-workbench .yjzb-real-brand span::before {
  content:""!important;
  width:28px!important;
  height:28px!important;
  display:block!important;
  background:#ffe04a!important;
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)!important;
  transform:rotate(-18deg)!important;
}
body.integrated-workbench .yjzb-real-brand strong {
  color:#f4f4f5!important;
  font-size:17px!important;
  font-weight:950!important;
}
body.integrated-workbench .yjzb-real-brand small {
  color:#c8c8cc!important;
  font-size:12px!important;
}
body.integrated-workbench .side-nav nav {
  padding-top:34px!important;
}
body.integrated-workbench .side-nav nav a {
  height:48px!important;
  margin:8px 0!important;
  padding:0 12px!important;
  display:grid!important;
  grid-template-columns:28px 1fr 16px!important;
  gap:8px!important;
  align-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#f2f2f3!important;
  background:transparent!important;
  font-size:14px!important;
}
body.integrated-workbench .side-nav nav a b {
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:transparent!important;
  border-radius:0!important;
  font-size:0!important;
  border:1px solid #cdd5df!important;
  position:relative!important;
}
body.integrated-workbench .side-nav nav a b::before {
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#cdd5df!important;
}
body.integrated-workbench .side-nav nav a:nth-child(1) b {
  border-radius:3px 3px 7px 7px!important;
}
body.integrated-workbench .side-nav nav a:nth-child(2) b {
  border-radius:50%!important;
}
body.integrated-workbench .side-nav nav a:nth-child(3) b {
  border-radius:3px!important;
}
body.integrated-workbench .side-nav nav a:nth-child(4) b {
  border-radius:50%!important;
}
body.integrated-workbench .side-nav nav a:nth-child(5) b {
  border-radius:50% 50% 3px 3px!important;
}
body.integrated-workbench .side-nav nav a i {
  color:transparent!important;
  font-size:0!important;
  font-style:normal!important;
  width:12px!important;
  height:12px!important;
  position:relative!important;
}
body.integrated-workbench .side-nav nav a i::before {
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border-top:1px solid #8b929d!important;
  border-right:1px solid #8b929d!important;
  transform:rotate(45deg)!important;
  top:2px!important;
  left:1px!important;
}
body.integrated-workbench .side-nav nav a.active {
  background:#101a23!important;
  border-color:transparent!important;
  color:#1593ff!important;
}
body.integrated-workbench .side-nav nav a.active b,
body.integrated-workbench .side-nav nav a.active i {
  color:#1593ff!important;
  background:transparent!important;
}
body.integrated-workbench .side-nav nav a.active i::before {
  border-color:#1593ff!important;
}
body.integrated-workbench .side-nav nav a.active b {
  border-color:#1593ff!important;
}
body.integrated-workbench .side-nav nav a.active b::before {
  background:#1593ff!important;
}
body.integrated-workbench .yjzb-real-user {
  left:14px!important;
  right:14px!important;
  bottom:10px!important;
  padding:10px!important;
  border:0!important;
  border-radius:6px!important;
  background:#0d0d0e!important;
}
body.integrated-workbench .yjzb-real-user .side-tools {
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  padding-bottom:10px!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button {
  min-height:36px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
}
body.integrated-workbench .yjzb-real-user .side-user {
  margin:0!important;
  padding:9px 0!important;
  border-top:1px solid #202023!important;
  border-bottom:1px solid #202023!important;
}
body.integrated-workbench .yjzb-real-user .side-user span {
  background:#e8f5ff!important;
  color:transparent!important;
  font-size:0!important;
  position:relative!important;
}
body.integrated-workbench .yjzb-real-user .side-user span::before {
  content:""!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#89d7ff!important;
  box-shadow:0 12px 0 -3px #89d7ff!important;
}
body.integrated-workbench .yjzb-real-user .side-status {
  padding-top:8px!important;
  color:#e8edf5!important;
}
body.integrated-workbench .yjzb-real-user .side-status b {
  color:transparent!important;
  font-size:0!important;
  width:16px!important;
  height:16px!important;
  position:relative!important;
}
body.integrated-workbench .yjzb-real-user .side-status b::before,
body.integrated-workbench .yjzb-real-user .side-status b::after {
  content:""!important;
  position:absolute!important;
  left:2px!important;
  right:2px!important;
  height:2px!important;
  background:#e8edf5!important;
  border-radius:2px!important;
}
body.integrated-workbench .yjzb-real-user .side-status b::before { top:4px!important; }
body.integrated-workbench .yjzb-real-user .side-status b::after { bottom:4px!important; }
body.integrated-workbench .yjzb-real-topbar {
  height:92px!important;
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:minmax(520px,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:0 24px 0 20px!important;
  background:#202020!important;
  border-bottom:1px solid #353537!important;
}
body.integrated-workbench .yjzb-real-command {
  display:grid!important;
  grid-template-columns:1fr 68px 126px!important;
  gap:10px!important;
  align-items:center!important;
}
body.integrated-workbench .yjzb-real-command input {
  height:34px!important;
  min-height:34px!important;
  border:1px solid #424246!important;
  border-radius:4px!important;
  background:#1d1d1f!important;
  color:#d8d8dd!important;
  padding:0 12px!important;
}
body.integrated-workbench .yjzb-real-command button {
  height:34px!important;
  min-height:34px!important;
  border-radius:4px!important;
}
body.integrated-workbench .yjzb-real-command #viralPasteBtn {
  background:#28282b!important;
  border:1px solid #4b4b50!important;
  color:#fff!important;
}
body.integrated-workbench .yjzb-real-command #viralRunBtn {
  border:0!important;
  background:linear-gradient(90deg,#5268ff,#af20e6)!important;
  color:#fff!important;
}
body.integrated-workbench .yjzb-top-icons {
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
}
body.integrated-workbench .yjzb-top-icons button {
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  position:relative!important;
}
body.integrated-workbench .yjzb-top-icons button::before {
  content:""!important;
  width:14px!important;
  height:14px!important;
  border:2px solid #f0f2f5!important;
  border-radius:50%!important;
  display:block!important;
  margin:auto!important;
}
body.integrated-workbench .yjzb-top-icons .top-login-btn {
  width:auto!important;
  min-width:64px!important;
  padding:0 12px!important;
  border:1px solid #1677ff!important;
  border-radius:4px!important;
  background:#1677ff!important;
  color:#fff!important;
  font-size:13px!important;
}
body.integrated-workbench .yjzb-top-icons .top-login-btn::before { display:none!important; }
body.login-open { overflow:hidden; }
.login-modal[hidden] { display:none; }
.login-modal { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:20px; }
.login-modal-backdrop { position:absolute; inset:0; background:rgba(5,10,18,.7); }
.login-panel { position:relative; z-index:1; width:min(100%,380px); padding:30px; border:1px solid #34506c; border-radius:8px; background:#111d2a; color:#f4f8fb; box-shadow:0 24px 70px rgba(0,0,0,.45); }
.login-panel h2 { margin:4px 0 24px; font-size:24px; letter-spacing:0; }
.login-kicker { margin:0; color:#69a9ff; font-size:12px; font-weight:700; letter-spacing:.8px; }
.login-panel label { display:grid; gap:8px; margin-top:16px; color:#b8c7d8; font-size:13px; }
.login-panel input { width:100%; min-width:0; box-sizing:border-box; padding:11px 12px; border:1px solid #405872; border-radius:4px; background:#0c1621; color:#fff; outline:none; }
.login-panel input:focus { border-color:#4096ff; }
.login-code-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.login-code-row button { padding:0 12px; border:1px solid #4089dc; border-radius:4px; background:#142f4c; color:#dcebff; white-space:nowrap; }
.login-submit { width:100%; margin-top:24px; min-height:42px; }
.login-close { position:absolute; top:10px; right:12px; width:32px; height:32px; border:0; background:transparent; color:#b8c7d8; font-size:26px; line-height:1; }
body.integrated-workbench .strict-board {
  height:calc(100vh - 92px)!important;
  padding:18px 20px!important;
  gap:10px!important;
  background:#1f1f20!important;
  width:calc(100vw - 168px)!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:minmax(560px,.95fr) minmax(590px,1fr) minmax(520px,.86fr)!important;
  align-items:start!important;
}
body.integrated-workbench .yjzb-voice-console {
  display:grid!important;
  gap:12px!important;
  padding:10px!important;
  border-radius:6px!important;
  background:#111!important;
}
body.integrated-workbench .yjzb-voice-tabs {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  min-height:68px!important;
  background:#181818!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
body.integrated-workbench .yjzb-voice-tabs button {
  border:0!important;
  background:#181818!important;
  color:#f4f4f4!important;
  font-weight:950!important;
}
body.integrated-workbench .yjzb-voice-tabs button.active {
  color:#1e95ff!important;
}
body.integrated-workbench .yjzb-prev-copy {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#d9dce3!important;
  font-size:13px!important;
}
body.integrated-workbench .yjzb-prev-copy input {
  appearance:none!important;
  -webkit-appearance:none!important;
  width:30px!important;
  height:16px!important;
  min-width:30px!important;
  min-height:16px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 8px 50%,#fff 0 5px,transparent 5.8px),#4a515a!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.28)!important;
  transition:background .18s ease!important;
}
body.integrated-workbench .yjzb-prev-copy input:checked {
  background:radial-gradient(circle at 22px 50%,#fff 0 5px,transparent 5.8px),#2698f2!important;
}
body.integrated-workbench .yjzb-voice-row {
  display:grid!important;
  grid-template-columns:1fr 70px 136px!important;
  gap:6px!important;
  align-items:center!important;
}
body.integrated-workbench .yjzb-voice-row input {
  min-height:36px!important;
  background:#f2f2f2!important;
  color:#1d1d1f!important;
  border-radius:3px!important;
  border:0!important;
}
body.integrated-workbench .yjzb-voice-row #premiumGenerateBtn {
  min-height:36px!important;
  background:linear-gradient(90deg,#5268ff,#af20e6)!important;
  border:0!important;
}
body.integrated-workbench .yjzb-hidden-select {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.integrated-workbench .yjzb-avatar-stage {
  position:relative!important;
  display:grid!important;
  grid-template-columns:120px minmax(220px,1fr) 120px!important;
  gap:0!important;
  min-height:190px!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#111!important;
  border:1px solid #252a32!important;
}
body.integrated-workbench .yjzb-avatar-stage .avatar-blur,
body.integrated-workbench .yjzb-avatar-stage .avatar-main {
  min-height:190px!important;
  display:grid!important;
  place-items:center!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    radial-gradient(circle at 50% 30%,rgba(30,149,255,.28),transparent 32%),
    #151719!important;
}
body.integrated-workbench .yjzb-avatar-stage .avatar-blur {
  filter:blur(1px)!important;
  opacity:.75!important;
}
body.integrated-workbench .yjzb-avatar-stage .avatar-main span {
  width:96px!important;
  height:96px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#1e95ff!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:950!important;
}
body.integrated-workbench .yjzb-avatar-stage #imageVideoPickBtn {
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  background:rgba(30,30,30,.86)!important;
  border-color:#4b515c!important;
  color:#fff!important;
}
body.integrated-workbench .yjzb-action-head {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-top:8px!important;
}
body.integrated-workbench .yjzb-action-head strong,
body.integrated-workbench .yjzb-preview-title strong {
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
}
body.integrated-workbench .yjzb-action-prompt {
  min-height:72px!important;
}
body.integrated-workbench .yjzb-video-options {
  display:none!important;
}
body.integrated-workbench .yjzb-generate-video {
  width:100%!important;
  min-height:40px!important;
  margin-top:8px!important;
  border:0!important;
  background:linear-gradient(90deg,#5268ff,#af20e6)!important;
  color:#fff!important;
}
body.integrated-workbench .yjzb-video-note {
  display:block!important;
  margin:8px 0!important;
  color:#777f8d!important;
  font-size:12px!important;
}
body.integrated-workbench .yjzb-preview-title {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-top:8px!important;
}

/* Real benchmark pass: keep added working controls inside the same dark/blue shell. */
#premiumAudioResult audio { width: 100%; height: 34px; display: block; }
body.integrated-workbench #premiumAudioResult.has-audio {
  height:50px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px!important;
  border:1px solid #2d8ed0!important;
  border-radius:7px!important;
  background:#101820!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.integrated-workbench #premiumAudioResult.has-audio audio {
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  display:block!important;
}
body.integrated-workbench .premium-audio-progress { min-height:40px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto 36px!important; align-items:center!important; gap:9px!important; margin-top:10px!important; padding:7px 10px!important; border:1px solid #294a67!important; border-radius:6px!important; background:#0c151e!important; }
body.integrated-workbench .premium-audio-progress[hidden] { display:none!important; }
body.integrated-workbench .premium-audio-progress > div { height:7px!important; overflow:hidden!important; border-radius:4px!important; background:#25313d!important; }
body.integrated-workbench .premium-audio-progress i { position:relative!important; display:block!important; width:0; height:100%!important; border-radius:4px!important; background:linear-gradient(90deg,#168cff,#23c5df)!important; transition:width .45s ease!important; }
body.integrated-workbench .premium-audio-progress[data-state="running"] i::after { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)!important; animation:premiumAudioShine 1.1s linear infinite!important; }
body.integrated-workbench .premium-audio-progress span { color:#9fb5c8!important; font-size:10px!important; white-space:nowrap!important; }
body.integrated-workbench .premium-audio-progress b { color:#5bc8ff!important; font-size:11px!important; text-align:right!important; }
body.integrated-workbench .premium-audio-progress[data-state="done"] { border-color:#22876f!important; background:#0d201d!important; }
body.integrated-workbench .premium-audio-progress[data-state="done"] i { background:#27c99b!important; }
body.integrated-workbench .premium-audio-progress[data-state="done"] b { color:#63e6bd!important; }
body.integrated-workbench .premium-audio-progress[data-state="failed"] { border-color:#a84c55!important; }
body.integrated-workbench .premium-audio-progress[data-state="failed"] i { background:#e15c68!important; }
body.integrated-workbench .premium-audio-progress[data-state="failed"] b { color:#ff8b95!important; }
@keyframes premiumAudioShine { from{transform:translateX(-100%)} to{transform:translateX(100%)} }

/* Dashan Media brand v119 */
body.integrated-workbench .yjzb-real-brand { gap:8px!important; }
body.integrated-workbench .yjzb-real-brand > span {
  width:36px!important; height:36px!important; flex:0 0 36px!important; overflow:hidden!important;
  border:1px solid rgba(90,207,255,.72)!important; border-radius:7px!important;
  background:linear-gradient(145deg,#087bd9,#12b9d0)!important; color:#fff!important;
  font-size:18px!important; font-weight:950!important; line-height:1!important;
  text-shadow:0 2px 5px rgba(0,40,80,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px rgba(0,128,207,.24)!important;
}
body.integrated-workbench .yjzb-real-brand > span::before {
  content:""!important; position:absolute!important; left:4px!important; right:4px!important; bottom:3px!important;
  width:auto!important; height:9px!important; background:rgba(216,249,255,.5)!important;
  clip-path:polygon(0 100%,24% 34%,40% 72%,61% 4%,100% 100%)!important; transform:none!important;
}
body.integrated-workbench .yjzb-real-brand > div { min-width:0!important; }
body.integrated-workbench .yjzb-real-brand strong { overflow:visible!important; color:#f5fbff!important; font-size:14px!important; letter-spacing:0!important; white-space:nowrap!important; }
body.integrated-workbench .yjzb-real-brand small { color:#8fb3c9!important; font-size:10px!important; letter-spacing:0!important; white-space:nowrap!important; }

/* Dashan brand refinement v120 */
body.integrated-workbench .yjzb-real-brand {
  height:78px!important; min-height:78px!important; gap:9px!important;
  margin:0 0 3px!important; padding:7px 3px 13px!important; align-items:center!important;
}
body.integrated-workbench .yjzb-real-brand > span {
  width:38px!important; height:38px!important; flex:0 0 38px!important;
  border:1px solid #328dcc!important; border-radius:8px!important;
  background:linear-gradient(145deg,#102a40,#071522)!important;
  color:#f4fbff!important; font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important; font-weight:900!important; font-style:italic!important;
  letter-spacing:0!important; text-shadow:0 0 10px rgba(55,203,255,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 7px 18px rgba(0,80,135,.26)!important;
}
body.integrated-workbench .yjzb-real-brand > span::before {
  content:""!important; position:absolute!important; left:7px!important; right:7px!important; bottom:6px!important;
  width:auto!important; height:2px!important; border-radius:2px!important;
  background:linear-gradient(90deg,#168cff,#32d8e6)!important; clip-path:none!important; transform:skewX(-28deg)!important;
  box-shadow:0 0 7px rgba(38,202,238,.65)!important;
}
body.integrated-workbench .yjzb-real-brand > div { min-width:0!important; display:grid!important; align-content:center!important; gap:2px!important; }
body.integrated-workbench .yjzb-real-brand > div > em { color:#4ebeff!important; font-size:7px!important; line-height:1!important; font-style:normal!important; font-weight:900!important; letter-spacing:.12em!important; white-space:nowrap!important; }
body.integrated-workbench .yjzb-real-brand strong { display:flex!important; align-items:baseline!important; gap:2px!important; line-height:1.15!important; white-space:nowrap!important; }
body.integrated-workbench .yjzb-real-brand strong b { color:#f6fbff!important; font-size:13px!important; font-weight:950!important; }
body.integrated-workbench .yjzb-real-brand strong i { color:#4fc7ff!important; font-size:11px!important; font-style:normal!important; font-weight:900!important; }
body.integrated-workbench .yjzb-real-brand small { padding-top:2px!important; border-top:1px solid rgba(80,126,153,.3)!important; color:#859dab!important; font-size:8px!important; line-height:1.1!important; white-space:nowrap!important; }
@media(max-width:760px){
  body.integrated-workbench .yjzb-real-brand { height:42px!important; min-height:42px!important; padding:0!important; }
  body.integrated-workbench .yjzb-real-brand > span { width:34px!important; height:34px!important; flex-basis:34px!important; }
  body.integrated-workbench .yjzb-real-brand > div > em,
  body.integrated-workbench .yjzb-real-brand small { display:none!important; }
}
.yjzb-title-anim { animation: yjzbTitlePulse 1.2s ease-in-out infinite alternate; }
@keyframes yjzbTitlePulse { from { transform: scale(1); } to { transform: scale(1.035); } }
#premiumPublishTitle, #premiumPublishTopics, #premiumEditTitleInput, #premiumEditSubtitleInput {
  margin-top: 10px;
}
.yjzb-real-command .outline-btn,
.yjzb-real-command .primary-btn { white-space: nowrap; min-width: 68px; }
.yjzb-real-command .primary-btn { min-width: 128px; }

/* 04 secondary block copied from benchmark: subtitle edit / picture-in-picture. */
body.integrated-workbench .yjzb-subtitle-editor {
  margin-top: 10px;
  padding: 0 0 12px;
  border-radius: 8px;
  background: #121416;
  border: 1px solid #252b34;
  overflow: hidden;
}
body.integrated-workbench .yjzb-subtitle-head {
  height: 40px;
  display: grid;
  place-items: center;
  color: #9fb4c8;
  font-weight: 800;
  font-size: 13px;
  border-bottom: 1px solid #2a3038;
  background: #101113;
}
body.integrated-workbench .yjzb-subtitle-editor > input {
  width: calc(100% - 20px);
  margin: 8px 10px 0;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #3a414b;
  background: #111315;
  color: #e8edf5;
  padding: 0 10px;
  font-weight: 700;
}
body.integrated-workbench .yjzb-subtitle-body {
  display: grid;
  grid-template-columns: minmax(210px, .95fr) minmax(210px, 1fr);
  gap: 12px;
  padding: 10px;
}
body.integrated-workbench .yjzb-subtitle-preview {
  min-height: 300px;
  border-radius: 4px;
  background: linear-gradient(135deg, #5a666d, #141719 58%, #0d0f11);
  position: relative;
  overflow: hidden;
}
body.integrated-workbench .yjzb-host-card {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: end center;
}
body.integrated-workbench .yjzb-host-face {
  position: absolute;
  top: 62px;
  width: 92px;
  height: 116px;
  border-radius: 48% 48% 44% 44%;
  background: radial-gradient(circle at 50% 38%, #f4d0b5 0 34%, #d49a7c 35% 58%, transparent 59%), radial-gradient(circle at 48% 20%, #271711 0 48%, transparent 49%);
  box-shadow: 0 0 0 28px rgba(33,20,16,.9), 0 26px 38px rgba(0,0,0,.45);
}
body.integrated-workbench .yjzb-host-shirt {
  width: 190px;
  height: 160px;
  margin-bottom: 0;
  border-radius: 44px 44px 0 0;
  background: linear-gradient(90deg, #dfe8ee, #ffffff 48%, #d7e1e7);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08), 0 -8px 30px rgba(0,0,0,.25);
}
body.integrated-workbench #chooseTitleTemplateBtn {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 200px;
  height: 32px;
  border-radius: 5px;
}
body.integrated-workbench .yjzb-subtitle-options {
  padding: 2px 0;
  color: #f4f7fb;
}
body.integrated-workbench .template-row {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
body.integrated-workbench .template-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #1689f2;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}
body.integrated-workbench .template-row strong { display:block; font-size: 14px; }
body.integrated-workbench .template-row small { color:#8d98a5; font-size: 12px; }
body.integrated-workbench .yjzb-switch-row {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  font-weight: 800;
  font-size: 13px;
}
body.integrated-workbench .yjzb-switch-row input { display:none; }
body.integrated-workbench .yjzb-switch-row span {
  width: 30px;
  height: 18px;
  border-radius: 99px;
  background: #585d64;
  position: relative;
}
body.integrated-workbench .yjzb-switch-row span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  transition: .15s;
}
body.integrated-workbench .yjzb-switch-row input:checked + span { background:#198df5; }
body.integrated-workbench .yjzb-switch-row input:checked + span::after { transform: translateX(12px); }
body.integrated-workbench .yjzb-music-btn { height: 30px; min-width: 88px; margin: 2px 0 10px; border-radius: 5px; }
body.integrated-workbench .yjzb-duration-row {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 800;
}
body.integrated-workbench .yjzb-duration-row b { width: 100%; margin-bottom: 8px; }
body.integrated-workbench .yjzb-duration-row button,
body.integrated-workbench .yjzb-duration-row input {
  width: 32px;
  height: 26px;
  border: 1px solid #343a42;
  background: #202225;
  color: #dfe8f4;
  text-align: center;
}
body.integrated-workbench .yjzb-duration-row input { width: 72px; }
body.integrated-workbench .yjzb-duration-row em { margin-left: 8px; font-style: normal; }
@media (max-width: 1180px) {
  body.integrated-workbench .yjzb-subtitle-body { grid-template-columns: 1fr; }
}

/* Benchmark subtitle template modal. */
.subtitle-template-layer[hidden] { display: none !important; }
.subtitle-template-layer {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
}
.subtitle-template-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
}
.subtitle-template-panel {
  position: relative;
  width: min(1520px, calc(100vw - 230px));
  height: min(825px, calc(100vh - 110px));
  background: #111;
  border: 1px solid #191d23;
  border-radius: 4px;
  box-shadow: 0 24px 70px rgba(0,0,0,.65);
  display: grid;
  grid-template-rows: 62px 1fr 54px;
  overflow: hidden;
}
.subtitle-template-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  color: #f5f7fb;
}
.subtitle-template-panel header > div {
  display: grid;
  grid-template-columns: 36px auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: center;
}
.subtitle-template-panel header b {
  grid-row: 1 / 3;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #1689f2;
  color: #fff;
  font-size: 22px;
}
.subtitle-template-panel header strong { font-size: 15px; }
.subtitle-template-panel header small { color: #8f98a5; font-size: 12px; }
.subtitle-template-panel header button {
  border: 0;
  background: transparent;
  color: #a9adb5;
  font-size: 22px;
  cursor: pointer;
}
.subtitle-template-list {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 4px 18px;
  overflow-x: auto;
  overflow-y: hidden;
}
.subtitle-template-card {
  position: relative;
  flex: 0 0 182px;
  height: 322px;
  border: 2px solid transparent;
  background: #222;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
.subtitle-template-card.selected { border-color: #118cf4; }
.subtitle-template-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(.92) contrast(.96);
}
.subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-caption,
.subtitle-template-card em {
  position: absolute;
  left: 10px;
  right: 10px;
  z-index: 2;
  text-shadow: 0 2px 3px #000, 0 0 8px #000;
  font-weight: 900;
  line-height: 1.15;
  pointer-events: none;
}
.subtitle-template-card .tpl-title { top: 34px; font-size: 18px; color: #fff; }
.subtitle-template-card .tpl-sub { top: 66px; font-size: 18px; color: #9dddff; }
.subtitle-template-card .tpl-caption { bottom: 92px; text-align: center; color: #fff; font-size: 12px; }
.subtitle-template-card.yellow .tpl-title { color: #ffe500; font-size: 20px; }
.subtitle-template-card.yellow .tpl-sub { color: #fff; top: 70px; font-size: 13px; }
.subtitle-template-card.cyan .tpl-title { color: #fff; }
.subtitle-template-card.cyan .tpl-sub { color: #03c8ff; }
.subtitle-template-card.greenbar .tpl-title { top: 56px; color: #8eff88; background: rgba(0,0,0,.75); padding: 4px; }
.subtitle-template-card.white .tpl-title { color: #e8edf5; -webkit-text-stroke: 1px #111; font-size: 18px; }
.subtitle-template-card.white .tpl-sub { color: #5dc7ff; -webkit-text-stroke: 1px #111; }
.subtitle-template-card.orange .tpl-title { color: #fff; -webkit-text-stroke: 1px #111; font-size: 20px; }
.subtitle-template-card.orange .tpl-sub { color: #ffa928; -webkit-text-stroke: 1px #111; top: 69px; }
.subtitle-template-card.stack .tpl-title { top: 20px; font-size: 13px; text-align: right; }
.subtitle-template-card.stack .tpl-sub { top: 190px; color: #ffea00; font-size: 18px; }
.subtitle-template-card.stack .tpl-caption { bottom: 84px; font-size: 20px; }
.subtitle-template-card.red .tpl-title { color: #ff2020; -webkit-text-stroke: 1px #fff; font-size: 18px; }
.subtitle-template-card.red .tpl-sub { color: #ff2020; -webkit-text-stroke: 1px #111; }
.subtitle-template-card em {
  right: auto;
  left: 8px;
  bottom: 4px;
  background: #e8a026;
  color: #fff;
  border-radius: 4px;
  padding: 2px 7px;
  font-style: normal;
  font-size: 12px;
}
.subtitle-template-panel footer {
  border-top: 1px solid #22262d;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.subtitle-template-panel footer span {
  margin-right: auto;
  color: #f8b84e;
  background: rgba(212,137,32,.18);
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 800;
}
.subtitle-template-panel footer button { min-width: 72px; height: 32px; border-radius: 4px; }
@media (max-width: 980px) {
  .subtitle-template-panel { width: calc(100vw - 24px); height: calc(100vh - 50px); }
}

/* Exact benchmark-style second page: digital voice clone. */
.yjzb-voice-clone-panel {
  position: relative;
  width: min(1340px, calc(100vw - 28px));
  height: min(995px, calc(100vh - 28px));
  background: #121212;
  color: #dce6f2;
  border: 1px solid #2d3238;
  box-shadow: 0 28px 80px rgba(0,0,0,.72);
  display: grid;
  grid-template-rows: auto auto auto auto auto auto auto auto 1fr auto;
  padding: 0 8px;
  overflow: hidden;
}
.voice-clone-close {
  position: absolute;
  top: -2px;
  right: 4px;
  z-index: 2;
  border: 0;
  background: transparent;
  color: #c9cdd3;
  font-size: 26px;
  cursor: pointer;
}
.voice-clone-title { padding: 8px 0 12px; }
.voice-clone-title h2 { margin: 0 0 2px; color: #dfe8ff; font-size: 20px; font-weight: 900; }
.voice-clone-title p { margin: 0; color: #ff7900; font-size: 13px; font-weight: 900; }
.voice-name-row { position: relative; height: 32px; }
.voice-name-row input,
.voice-sample-row input,
.voice-url-card input {
  width: 100%; height: 32px; border: 1px solid #3b4048; border-radius: 3px;
  background: #171717; color: #eef5ff; padding: 0 70px 0 10px; font-weight: 700;
}
.voice-name-row span,.voice-sample-row span { position: absolute; right: 10px; top: 7px; color:#8b939d; font-size: 13px; }
.voice-engine-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; padding: 26px 0 16px; background:#0a0a0a; margin-top: 8px; }
.voice-engine-tabs button { height: 38px; border: 0; border-radius: 4px; background:#1f1f1f; color:#f6f8fc; font-weight:900; }
.voice-engine-tabs .active { background:#2297ed; }
.voice-engine-desc { margin: 0 0 10px; color:#e9f2ff; font-size: 12px; line-height:1.55; font-weight:800; }
.voice-engine-desc b { color:#1d9bff; }
.voice-avatar-row { display:flex; gap:9px; align-items:center; margin-bottom:8px; }
.voice-avatar { width:42px; height:42px; border-radius:50%; border:2px solid #fff; padding:0; background:linear-gradient(135deg,#ffd6bd,#2e9fff); display:grid; place-items:center; cursor:pointer; }
.voice-avatar.active { outline:3px solid #1c99ff; }
.voice-avatar span { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.82); color:#26405c; font-size:12px; font-weight:900; }
.voice-sample-row { position: relative; display:grid; grid-template-columns:88px 1fr; margin-bottom:16px; }
.voice-sample-tab { height:32px; border:1px solid #3b4048; border-right:0; border-radius:3px 0 0 3px; background:#232323; color:#aeb7c3; font-weight:900; }
.voice-sample-row input { border-radius:0 3px 3px 0; }
.voice-section-title { color:#8e949c; font-size:18px; margin: 0 0 18px; font-weight:900; }
.voice-section-title::before { content:'☁'; color:#8d9299; margin-right:8px; }
.voice-source-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:22px; }
.voice-upload-card,.voice-url-card { height:86px; border:0; border-radius:10px; background:#050505; color:#dfe8f5; display:grid; align-items:center; text-align:left; }
.voice-upload-card { grid-template-columns:76px 1fr; cursor:pointer; }
.voice-upload-card i,.voice-url-card i { width:46px; height:46px; margin-left:24px; border-radius:6px; background:#7167ff; display:grid; place-items:center; color:#fff; font-size:28px; font-style:normal; }
.voice-upload-card strong { font-size:16px; font-weight:900; }
.voice-upload-card small { color:#607fa8; font-size:12px; }
.voice-url-card { grid-template-columns:74px 1fr 110px; gap:10px; padding-right:20px; }
.voice-url-card i { background:transparent; color:#1e9bff; font-size:34px; margin-left:20px; }
.voice-url-card .primary-btn { height:32px; border-radius:3px; }
.voice-record-card { height:76px; border:0; border-radius:10px; background:#050505; color:#8c949d; display:grid; place-items:center; margin-bottom:18px; cursor:pointer; }
.voice-record-card b { width:42px; height:42px; border-radius:50%; background:#ff6371; display:grid; place-items:center; color:#fff; font-size:18px; }
.voice-record-card span { margin-top:-8px; font-weight:800; }
.voice-rules { color:#68717b; font-size:12px; line-height:1.45; }
.voice-rules p { margin: 0; }
.voice-rules b { color:#748293; }
.voice-rules a,.voice-clone-footer a { color:#1f9cff; }
.voice-clone-status { color:#a7b1bd; margin: 8px 0; font-size:13px; }
.voice-clone-footer { margin: 0 -8px; height:58px; background:#202020; border-top:1px solid #373737; display:flex; align-items:center; justify-content:space-between; padding:0 30px 0 8px; }
.voice-clone-footer label { display:flex; align-items:center; gap:8px; color:#dfe8f6; font-weight:800; }
.voice-clone-footer input { width:14px; height:14px; }
.voice-clone-footer > div { display:flex; gap:12px; }
.voice-clone-footer button { min-width:88px; height:34px; border-radius:4px; }
.voice-hidden-result { display:none; }
@media (max-width: 900px) { .voice-source-grid { grid-template-columns:1fr; gap:12px; } .voice-engine-tabs { grid-template-columns:1fr; } .yjzb-voice-clone-panel { overflow:auto; } }
.voice-preset-readout { display:flex; align-items:center; gap:10px; margin: -2px 0 8px; color:#d9e8ff; font-size:12px; }
.voice-preset-readout b { color:#fff; min-width:96px; }
.voice-preset-readout .outline-btn { height:26px; min-width:82px; border-radius:4px; padding:0 10px; }
.voice-preset-readout small { color:#778595; }
.voice-avatar { overflow:hidden; position:relative; }
.voice-avatar::before { content:""; position:absolute; inset:5px 8px 15px; border-radius:50% 50% 45% 45%; background:#f3c3a3; box-shadow:0 12px 0 8px rgba(50,31,25,.9); }
.voice-avatar::after { content:""; position:absolute; left:11px; right:11px; bottom:4px; height:15px; border-radius:10px 10px 50% 50%; background:#e8eef4; }
.voice-avatar span { position:relative; z-index:2; transform:translateY(-1px); font-size:10px; }
.voice-avatar.boy::before,.voice-avatar.young::before { background:#ffd1b8; box-shadow:0 9px 0 7px #2b211d; }
.voice-avatar.man::before,.voice-avatar.anchor::before,.voice-avatar.uncle::before { background:#e7b18f; box-shadow:0 10px 0 8px #151515; }
.voice-avatar.elder::before { background:#e2b997; box-shadow:0 9px 0 8px #d8d8d8; }
.voice-avatar.woman::before,.voice-avatar.girl::before,.voice-avatar.soft::before,.voice-avatar.mature::before { background:#f3c2a5; box-shadow:0 12px 0 9px #4a241d; }
.voice-avatar.robot { background:linear-gradient(135deg,#141a20,#168dff); border-color:#8ed0ff; }
.voice-avatar.robot::before { inset:8px 9px 13px; border-radius:8px; background:linear-gradient(180deg,#cfe8ff,#6dbdff); box-shadow:0 0 0 2px #123a5e; }
.voice-avatar.robot::after { left:14px; right:14px; bottom:9px; height:4px; background:#143d5c; border-radius:2px; }
.voice-avatar.robot span { color:#061726; background:#bfe9ff; }
.voice-clone-progress { display:flex; align-items:center; gap:10px; margin:6px 0 8px; }
.voice-clone-progress > div { flex:1; height:8px; background:#050505; border-radius:99px; overflow:hidden; border:1px solid #272d34; }
.voice-clone-progress i { display:block; width:0%; height:100%; background:linear-gradient(90deg,#1e96ff,#8f35ff); transition:.25s; }
.voice-clone-progress span { width:44px; color:#9eb0c5; font-size:12px; font-weight:900; text-align:right; }
.voice-clone-output { min-height:54px; border:1px solid #2c333c; background:#070707; border-radius:8px; padding:10px 12px; display:grid; gap:6px; color:#8793a3; margin-bottom:8px; }
.voice-clone-output b { color:#dfeaff; }
.voice-clone-output audio { width:100%; height:32px; }
.voice-clone-output.ready { border-color:#168df2; box-shadow:0 0 0 1px rgba(22,141,242,.18); }

/* Polished voice studio layer: keeps the old F5-TTS clone backend, improves the second-page experience. */
.yjzb-voice-studio {
  position: relative;
  width: min(1240px, calc(100vw - 28px));
  max-height: min(920px, calc(100vh - 28px));
  overflow: auto;
  color: #eef6ff;
  border: 1px solid rgba(67, 120, 170, .42);
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(34, 151, 237, .22), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(255, 155, 57, .16), transparent 30%),
    linear-gradient(145deg, #10151c 0%, #070a0f 56%, #111315 100%);
  box-shadow: 0 30px 90px rgba(0,0,0,.76);
}
.yjzb-voice-studio .voice-clone-close {
  top: 14px;
  right: 16px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  color: #f7fbff;
}
.voice-studio-hero {
  display: flex;
  justify-content: space-between;
  gap: 26px;
  padding: 30px 34px 22px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.voice-kicker { margin: 0 0 7px; color: #52b6ff; font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.voice-studio-hero h2 { margin: 0 0 8px; font-size: 30px; font-weight: 950; letter-spacing: .02em; }
.voice-studio-hero span { color: #99adc4; font-size: 14px; font-weight: 700; }
.voice-hero-meter {
  min-width: 210px;
  padding: 14px;
  border: 1px solid rgba(82, 182, 255, .35);
  border-radius: 16px;
  background: rgba(0,0,0,.24);
  display: grid;
  grid-template-columns: 1fr 28px 28px 28px;
  gap: 8px;
  align-items: center;
}
.voice-hero-meter b { color: #fff; }
.voice-hero-meter i { height: 34px; border-radius: 9px; background: linear-gradient(180deg, #32aaff, #0d63d8); box-shadow: 0 0 20px rgba(38,151,255,.28); }
.voice-hero-meter i:nth-child(3) { height: 48px; background: linear-gradient(180deg, #ffbd68, #ff7d22); }
.voice-hero-meter small { grid-column: 1 / -1; color: #7890a9; font-weight: 800; }
.voice-studio-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; padding: 20px 28px 18px; }
.voice-studio-main,.voice-studio-side { display: grid; gap: 14px; align-content: start; }
.yjzb-voice-studio .voice-card {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  padding: 16px;
}
.voice-name-card { display: grid; gap: 9px; }
.voice-name-card label,.voice-sample-label { color: #dcecff; font-size: 13px; font-weight: 900; }
.yjzb-voice-studio .voice-name-row { height: auto; }
.yjzb-voice-studio .voice-name-row input,
.yjzb-voice-studio .voice-sample-row input,
.yjzb-voice-studio .voice-url-card input {
  height: 40px;
  border-color: rgba(124,154,190,.32);
  border-radius: 10px;
  background: rgba(0,0,0,.35);
  color: #fff;
}
.yjzb-voice-studio .voice-name-row span,
.yjzb-voice-studio .voice-sample-row span { top: 11px; }
.yjzb-voice-studio .voice-sample-row { margin: 0; grid-template-columns: 82px 1fr; }
.yjzb-voice-studio .voice-sample-tab { height: 40px; border-radius: 10px 0 0 10px; background: #1c8fe8; color: #fff; }
.voice-section-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.voice-section-head strong { color: #fff; font-size: 16px; }
.voice-section-head small { color: #8095ad; text-align: right; font-weight: 700; }
.yjzb-voice-studio .voice-engine-tabs { margin: 0; padding: 0; background: transparent; }
.yjzb-voice-studio .voice-engine-tabs button { height: 42px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(0,0,0,.28); }
.yjzb-voice-studio .voice-engine-tabs .active { background: linear-gradient(135deg, #1a97f0, #0f6ed8); box-shadow: 0 12px 28px rgba(20,126,225,.22); }
.yjzb-voice-studio .voice-avatar-row { display: grid; grid-template-columns: repeat(6, minmax(70px, 1fr)); gap: 10px; }
.yjzb-voice-studio .voice-avatar {
  width: auto;
  height: 70px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: rgba(0,0,0,.22);
}
.yjzb-voice-studio .voice-avatar span { transform: translateY(-7px); }
.yjzb-voice-studio .voice-avatar em {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 6px;
  z-index: 3;
  color: #dfeeff;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}
.yjzb-voice-studio .voice-avatar.active { border-color: #31a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(49,169,255,.24), 0 12px 26px rgba(0,0,0,.25); }
.yjzb-voice-studio .voice-preset-readout { margin: 10px 0 0; }
.yjzb-voice-studio .voice-source-grid { gap: 12px; margin: 0 0 12px; }
.yjzb-voice-studio .voice-upload-card,
.yjzb-voice-studio .voice-url-card,
.yjzb-voice-studio .voice-record-card {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.28);
}
.yjzb-voice-studio .voice-upload-card i,
.yjzb-voice-studio .voice-url-card i,
.yjzb-voice-studio .voice-record-card b {
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .06em;
}
.voice-progress-card { min-height: 136px; }
.yjzb-voice-studio .voice-clone-progress > div { height: 12px; background: rgba(0,0,0,.4); }
.yjzb-voice-studio .voice-clone-progress i { background: linear-gradient(90deg, #1b9cff, #ff9a2e); }
.voice-output-card {
  min-height: 142px;
  display: grid;
  gap: 10px;
  align-content: start;
  color: #8ea1b8;
}
.voice-output-card b { color: #fff; }
.voice-output-card audio { width: 100%; }
.voice-output-card.ready { border-color: rgba(40,169,255,.55); background: rgba(16,87,142,.18); }
.voice-tips p { margin: 8px 0 0; color: #8ea1b8; line-height: 1.55; }
.yjzb-voice-studio .voice-clone-footer {
  margin: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.32);
  border-radius: 0 0 18px 18px;
}
@media (max-width: 980px) {
  .voice-studio-hero,.voice-studio-grid { grid-template-columns: 1fr; display: grid; }
  .voice-studio-grid { padding: 14px; }
  .yjzb-voice-studio .voice-avatar-row { grid-template-columns: repeat(3, 1fr); }
  .yjzb-voice-studio .voice-clone-footer { height: auto; gap: 12px; flex-wrap: wrap; padding: 14px; }
}

/* 2026-07-16 benchmark compact pass: make the whole workbench tighter and closer to the desktop app density. */
body.integrated-workbench {
  font-size: 12px!important;
  background: #1f1f20!important;
  overflow-x: hidden!important;
}
body.integrated-workbench .side-nav {
  width: 158px!important;
  padding: 10px 8px!important;
}
body.integrated-workbench .app-shell {
  margin-left: 158px!important;
  width: calc(100vw - 158px)!important;
  max-width: calc(100vw - 158px)!important;
  overflow-x: hidden!important;
  box-sizing: border-box!important;
}
body.integrated-workbench .yjzb-real-brand {
  height: 54px!important;
  padding: 0 6px 10px!important;
  margin-bottom: 0!important;
}
body.integrated-workbench .yjzb-real-brand span {
  width: 34px!important;
  height: 34px!important;
}
body.integrated-workbench .yjzb-real-brand span::before {
  width: 25px!important;
  height: 25px!important;
}
body.integrated-workbench .yjzb-real-brand strong {
  font-size: 15px!important;
}
body.integrated-workbench .yjzb-real-brand small {
  font-size: 10px!important;
}
body.integrated-workbench .side-nav nav {
  padding-top: 24px!important;
  gap: 5px!important;
}
body.integrated-workbench .side-nav nav a {
  height: 42px!important;
  min-height: 42px!important;
  margin: 3px 0!important;
  padding: 0 9px!important;
  grid-template-columns: 24px 1fr 12px!important;
  gap: 7px!important;
  border-radius: 6px!important;
  font-size: 13px!important;
}
body.integrated-workbench .side-nav nav a b {
  width: 19px!important;
  height: 19px!important;
}
body.integrated-workbench .yjzb-real-user {
  left: 8px!important;
  right: 8px!important;
  bottom: 8px!important;
  padding: 8px!important;
}
body.integrated-workbench .yjzb-real-user .side-tools {
  gap: 4px!important;
  padding-bottom: 7px!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button {
  min-height: 28px!important;
  font-size: 11px!important;
}
body.integrated-workbench .yjzb-real-user .side-user {
  padding: 7px 0!important;
}
body.integrated-workbench .yjzb-real-topbar {
  height: 72px!important;
  min-height: 72px!important;
  padding: 0 16px 0 14px!important;
  grid-template-columns: minmax(460px,1fr) auto!important;
  box-sizing: border-box!important;
  width: 100%!important;
}
body.integrated-workbench .yjzb-real-command {
  grid-template-columns: 1fr 68px 128px!important;
  gap: 8px!important;
}
body.integrated-workbench .yjzb-real-command input,
body.integrated-workbench .yjzb-real-command button {
  height: 32px!important;
  min-height: 32px!important;
  font-size: 12px!important;
}
body.integrated-workbench .yjzb-top-icons {
  gap: 8px!important;
}
body.integrated-workbench .yjzb-top-icons button {
  width: 24px!important;
  height: 24px!important;
  min-height: 24px!important;
}
body.integrated-workbench .strict-board {
  width: calc(100vw - 158px)!important;
  height: calc(100vh - 72px)!important;
  grid-template-columns: minmax(505px,.96fr) minmax(545px,1fr) minmax(500px,.88fr)!important;
  gap: 8px!important;
  padding: 8px 10px 14px!important;
  overflow: auto!important;
}
body.integrated-workbench .strict-column {
  gap: 8px!important;
}
body.integrated-workbench .strict-card {
  padding: 8px 9px!important;
  border-radius: 5px!important;
  background: linear-gradient(180deg,#191b1f,#15171a)!important;
}
body.integrated-workbench .strict-head {
  min-height: 28px!important;
  margin-bottom: 6px!important;
  padding: 1px 0 6px!important;
  gap: 6px!important;
  align-items: center!important;
}
body.integrated-workbench .strict-head > b {
  min-width: 30px!important;
  font-size: 18px!important;
  padding-top: 0!important;
}
body.integrated-workbench .strict-head strong {
  font-size: 15px!important;
  line-height: 1.08!important;
}
body.integrated-workbench .strict-head small {
  margin-top: 2px!important;
  font-size: 10px!important;
  line-height: 1.2!important;
}
body.integrated-workbench input,
body.integrated-workbench select {
  min-height: 30px!important;
  height: 30px!important;
  padding: 0 8px!important;
  border-radius: 4px!important;
  font-size: 12px!important;
}
body.integrated-workbench textarea {
  padding: 8px!important;
  border-radius: 4px!important;
  font-size: 12px!important;
  line-height: 1.45!important;
}
body.integrated-workbench button,
body.integrated-workbench .primary-btn,
body.integrated-workbench .outline-btn,
body.integrated-workbench .strict-mini {
  min-height: 30px!important;
  border-radius: 4px!important;
  font-size: 12px!important;
  padding: 0 10px!important;
}
body.integrated-workbench .strict-mini {
  min-height: 26px!important;
  padding: 0 9px!important;
  font-size: 11px!important;
}
body.integrated-workbench .strict-link-row {
  grid-template-columns: 1fr 62px 86px!important;
  gap: 6px!important;
}
body.integrated-workbench .strict-upload-box {
  padding: 11px!important;
  gap: 5px!important;
  margin-top: 8px!important;
}
body.integrated-workbench .upload-icon {
  font-size: 28px!important;
  line-height: 1!important;
}
body.integrated-workbench .strict-field-head {
  margin: 8px 0 5px!important;
  font-size: 12px!important;
}
body.integrated-workbench #extractedViralCopy {
  min-height: 176px!important;
  max-height: 210px!important;
}
body.integrated-workbench #premiumTextInput {
  min-height: 118px!important;
  max-height: 155px!important;
}
body.integrated-workbench #premiumPublishTitle,
body.integrated-workbench #premiumPublishTopics,
body.integrated-workbench #premiumEditTitleInput,
body.integrated-workbench #premiumEditSubtitleInput {
  margin-top: 7px!important;
}
body.integrated-workbench .strict-inline {
  gap: 6px!important;
  margin: 6px 0!important;
}
body.integrated-workbench #ipRewriteBtn,
body.integrated-workbench #ipAuditBtn {
  width: calc(50% - 4px)!important;
  display: inline-block!important;
  vertical-align: top!important;
}
body.integrated-workbench #ipAuditBtn {
  margin-left: 6px!important;
}
body.integrated-workbench .strict-suggestions {
  gap: 5px!important;
  margin: 8px 0!important;
}
body.integrated-workbench .strict-suggestions button {
  min-height: 26px!important;
  padding: 0 9px!important;
  font-size: 11px!important;
}
body.integrated-workbench .strict-tabs {
  padding: 6px!important;
  margin-bottom: 8px!important;
}
body.integrated-workbench .strict-tabs button {
  min-height: 30px!important;
}
body.integrated-workbench .yjzb-voice-console {
  gap: 8px!important;
  padding: 8px!important;
}
body.integrated-workbench .yjzb-voice-tabs {
  min-height: 48px!important;
}
body.integrated-workbench .yjzb-prev-copy {
  gap: 7px!important;
  font-size: 12px!important;
}
body.integrated-workbench .yjzb-voice-row {
  grid-template-columns: 1fr 58px 112px!important;
}
body.integrated-workbench .strict-player {
  height: 36px!important;
  margin-top: 8px!important;
  padding: 0 12px!important;
  gap: 9px!important;
  border-radius: 18px!important;
  font-size: 11px!important;
}
body.integrated-workbench .yjzb-avatar-stage {
  grid-template-columns: 105px minmax(200px,1fr) 105px!important;
  min-height: 170px!important;
}
body.integrated-workbench .yjzb-avatar-stage .avatar-blur,
body.integrated-workbench .yjzb-avatar-stage .avatar-main {
  min-height: 170px!important;
}
body.integrated-workbench .yjzb-avatar-stage .avatar-main span {
  width: 78px!important;
  height: 78px!important;
  font-size: 28px!important;
}
body.integrated-workbench .yjzb-action-head,
body.integrated-workbench .yjzb-preview-title {
  margin-top: 6px!important;
}
body.integrated-workbench .yjzb-action-prompt {
  min-height: 60px!important;
  max-height: 88px!important;
}
body.integrated-workbench .yjzb-generate-video {
  min-height: 34px!important;
  margin-top: 6px!important;
}
body.integrated-workbench .strict-video-box {
  min-height: 130px!important;
  margin-top: 6px!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult {
  width: 100%!important;
  height: 280px!important;
  min-height: 280px!important;
  max-height: 280px!important;
  overflow: hidden!important;
  position: relative!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.025) 25%, transparent 25%) 0 0 / 18px 18px,
    linear-gradient(315deg, rgba(255,255,255,.025) 25%, transparent 25%) 0 0 / 18px 18px,
    #050607!important;
  border: 1px solid #242a32!important;
  border-radius: 5px!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult video {
  display: block!important;
  width: 158px!important;
  height: 100%!important;
  max-width: calc(100% - 24px)!important;
  max-height: 100%!important;
  object-fit: contain!important;
  object-position: center center!important;
  background: #050607!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult[data-preview-ratio="1:1"] video {
  width: 280px!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult[data-preview-ratio="16:9"] video {
  width: min(100%, 498px)!important;
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 16/9!important;
  place-self: center!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult[data-generating="true"] {
  border-color: rgba(46,211,238,.72)!important;
  box-shadow: 0 0 16px rgba(20,190,235,.12)!important;
}

body.integrated-workbench #oralDigitalVideo #imageVideoResult[data-generating="true"]::after {
  content: "";
  position: absolute;
  inset: auto;
  z-index: 6;
  width: 8px;
  height: 52px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(180deg,transparent,#8cf9ff 38%,#26d8f3 62%,transparent);
  box-shadow: 0 0 10px #53e9f7,0 0 26px rgba(29,194,230,.72);
  offset-path: inset(0 round 6px);
  offset-distance: 0%;
  offset-rotate: auto 90deg;
  filter: blur(.15px);
  animation: strictEdgeRunner 2.35s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  body.integrated-workbench #oralDigitalVideo #imageVideoResult[data-generating="true"]::after {
    display: none;
  }
}

@media (max-width: 720px) {
  body.integrated-workbench #oralDigitalVideo #imageVideoResult {
    height: 240px!important;
    min-height: 240px!important;
    max-height: 240px!important;
  }
}

body.integrated-workbench #oralDigitalVideo .image-video-expand {
  position: absolute!important;
  top: 10px!important;
  right: 10px!important;
  z-index: 4!important;
  display: inline-flex!important;
  align-items: center!important;
  gap: 6px!important;
  min-height: 32px!important;
  padding: 0 12px!important;
  border: 1px solid rgba(255,255,255,.28)!important;
  border-radius: 4px!important;
  background: rgba(8,12,17,.84)!important;
  color: #fff!important;
  box-shadow: 0 6px 18px rgba(0,0,0,.28)!important;
  backdrop-filter: blur(8px)!important;
  cursor: pointer!important;
  font-size: 12px!important;
  font-weight: 800!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-expand:hover {
  border-color: #38bdf8!important;
  background: #087ec1!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-expand span {
  font-size: 17px!important;
  line-height: 1!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress {
  height: 58px!important;
  box-sizing: border-box!important;
  margin: 8px 0 4px!important;
  padding: 9px 11px!important;
  border: 1px solid #27313c!important;
  border-radius: 5px!important;
  background: linear-gradient(180deg, #151b22 0%, #0e1318 100%)!important;
  box-shadow: inset 3px 0 0 #1597e5!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress-head {
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 12px!important;
  margin-bottom: 7px!important;
  color: #dce8f3!important;
  font-size: 12px!important;
  font-weight: 800!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress-head b {
  color: #38bdf8!important;
  font-variant-numeric: tabular-nums!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress-track {
  height: 8px!important;
  overflow: hidden!important;
  border-radius: 2px!important;
  background: #05080b!important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06)!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress-track i {
  display: block!important;
  width: 0;
  height: 100%!important;
  border-radius: 2px!important;
  background: linear-gradient(90deg, #087ec1 0%, #1db6ee 64%, #65e6ce 100%)!important;
  box-shadow: 0 0 14px rgba(29,182,238,.65)!important;
  transition: width .45s ease!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress[data-state="done"] {
  box-shadow: inset 3px 0 0 #24c58b!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress[data-state="done"] .image-video-progress-head b {
  color: #65e6ce!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress[data-state="failed"] {
  box-shadow: inset 3px 0 0 #ef5350!important;
}

body.integrated-workbench #oralDigitalVideo .image-video-progress[data-state="failed"] .image-video-progress-head b {
  color: #ff7875!important;
}

.generated-avatar-menu {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(3,7,11,.76);
  backdrop-filter: blur(8px);
}
.generated-avatar-menu[hidden] { display: none!important; }
.generated-avatar-dialog {
  width: min(820px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 32px));
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  border: 1px solid #2c3946;
  border-radius: 7px;
  background: linear-gradient(180deg,#151b22,#0b1015);
  box-shadow: 0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(35,183,238,.08);
}
.generated-avatar-dialog > header {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  border-bottom: 1px solid #27313c;
}
.generated-avatar-dialog > header div { display: grid; gap: 5px; }
.generated-avatar-dialog > header strong { color: #f3f8fc; font-size: 18px; }
.generated-avatar-dialog > header small { color: #8495a5; font-size: 12px; }
.generated-avatar-dialog > header > button {
  width: 34px;
  height: 34px;
  border: 1px solid #34414e;
  border-radius: 4px;
  background: #11171d;
  color: #dce8f3;
  font-size: 22px;
  cursor: pointer;
}
.generated-avatar-grid {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-content: start;
  gap: 12px;
  padding: 18px;
}
.generated-avatar-card {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid #2b3641;
  border-radius: 6px;
  background: #10161c;
  color: #dce8f3;
  text-align: left;
  cursor: pointer;
}
.generated-avatar-card:hover { border-color: #238fca; background: #121d25; }
.generated-avatar-card.selected { border-color: #2ccce7; box-shadow: inset 0 0 0 1px rgba(44,204,231,.28),0 0 16px rgba(23,171,221,.14); }
.generated-avatar-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  border-radius: 4px;
  background: #05080b;
}
.generated-avatar-media img,.generated-avatar-media video { width: 100%; height: 100%; display: block; object-fit: cover; }
.generated-avatar-media i {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 22px;
  height: 22px;
  display: none;
  place-items: center;
  border-radius: 50%;
  background: #24c6df;
  color: #031016;
  font-style: normal;
  font-weight: 950;
}
.generated-avatar-card.selected .generated-avatar-media i { display: grid; }
.generated-avatar-card b { overflow: hidden; color: #edf7ff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.generated-avatar-card small { color: #7f93a5; font-size: 11px; }
.generated-avatar-empty { grid-column: 1/-1; min-height: 240px; display: grid; place-content: center; gap: 8px; color: #8fa1b2; text-align: center; }
.generated-avatar-empty strong { color: #e5eef5; }
.generated-avatar-dialog > footer { min-height: 62px; display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 0 18px; border-top: 1px solid #27313c; }
.generated-avatar-dialog > footer button { min-width: 108px; }
@media(max-width:720px){.generated-avatar-menu{padding:10px}.generated-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.generated-avatar-dialog>header{padding:0 14px}.generated-avatar-dialog>footer{padding:0 12px}}

/* Compact generated-avatar picker, aligned with the existing dark menus. */
.generated-avatar-menu {
  place-items: start center!important;
  padding-top: 16px!important;
}
.generated-avatar-dialog {
  width: min(430px, calc(100vw - 16px))!important;
  max-height: min(620px, calc(100vh - 32px))!important;
  grid-template-rows: auto minmax(0,1fr)!important;
  border-color: #314151!important;
  border-radius: 8px!important;
  background: #111820!important;
}
.generated-avatar-dialog > header {
  min-height: 74px!important;
  padding: 0 14px!important;
  border-bottom-color: #263441!important;
}
.generated-avatar-dialog > header div { gap: 2px!important; }
.generated-avatar-dialog > header small {
  color: #32b8ff!important;
  font-size: 9px!important;
  font-weight: 950!important;
  letter-spacing: 0!important;
}
.generated-avatar-dialog > header strong {
  color: #f5f8fb!important;
  font-size: 16px!important;
  letter-spacing: 0!important;
}
.generated-avatar-grid {
  display: grid!important;
  grid-template-columns: 1fr!important;
  gap: 8px!important;
  padding: 10px 12px 14px!important;
  scrollbar-color: #526273 #18222c;
  scrollbar-width: thin;
}
.generated-avatar-card {
  min-height: 80px!important;
  display: grid!important;
  grid-template-columns: 76px minmax(0,1fr) auto!important;
  align-items: center!important;
  gap: 10px!important;
  padding: 8px!important;
  border-color: #2f3d49!important;
  border-radius: 8px!important;
  background: #171e25!important;
  cursor: default!important;
}
.generated-avatar-card:hover {
  border-color: #40566a!important;
  background: #19232c!important;
}
.generated-avatar-card.selected {
  border-color: #188ed5!important;
  box-shadow: inset 3px 0 0 #1daaf0!important;
}
.generated-avatar-media {
  width: 76px!important;
  height: 62px!important;
  aspect-ratio: auto!important;
  border-radius: 5px!important;
}
.generated-avatar-media i {
  top: 5px!important;
  right: 5px!important;
  width: 18px!important;
  height: 18px!important;
  font-size: 11px!important;
}
.generated-avatar-copy {
  min-width: 0!important;
  display: grid!important;
  gap: 4px!important;
}
.generated-avatar-copy b {
  overflow: hidden!important;
  color: #f3f7fb!important;
  font-size: 14px!important;
  font-weight: 900!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
}
.generated-avatar-copy small {
  color: #8394a5!important;
  font-size: 10px!important;
}
.generated-avatar-use {
  min-width: 78px!important;
  min-height: 32px!important;
  padding: 0 10px!important;
  border: 1px solid #1695e6!important;
  border-radius: 6px!important;
  background: linear-gradient(180deg,#148ee0,#0877c4)!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
  cursor: pointer!important;
}
.generated-avatar-use:hover { background: #159eea!important; }
.generated-avatar-dialog > footer { display: none!important; }
@media(max-width:520px){.generated-avatar-menu{padding:8px!important}.generated-avatar-card{grid-template-columns:64px minmax(0,1fr) auto!important}.generated-avatar-media{width:64px!important;height:56px!important}.generated-avatar-use{min-width:68px!important;padding:0 7px!important}}

body.integrated-workbench #fullDriveDigital .strict-tabs:empty { display: none!important; }
body.integrated-workbench #fullDriveDigital .yjzb-voice-tabs {
  min-height: 30px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: flex-end!important;
  padding: 0!important;
  background: transparent!important;
  border-radius: 0!important;
  overflow: visible!important;
}
body.integrated-workbench #fullDriveDigital .yjzb-voice-tabs #voiceHistoryTab {
  width: auto!important;
  min-width: 126px!important;
  min-height: 30px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 7px!important;
  padding: 0 12px!important;
  border: 1px solid #24658d!important;
  border-radius: 5px!important;
  background: linear-gradient(180deg,#122531,#0d1b24)!important;
  color: #78ceff!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-size: 12px!important;
  font-weight: 900!important;
}
body.integrated-workbench #fullDriveDigital .yjzb-voice-tabs #voiceHistoryTab::before {
  content: "";
  width: 15px;
  height: 12px;
  background:
    linear-gradient(#26baff 0 0) 0 50%/2px 4px no-repeat,
    linear-gradient(#26baff 0 0) 3px 50%/2px 8px no-repeat,
    linear-gradient(#26baff 0 0) 6px 50%/2px 12px no-repeat,
    linear-gradient(#26baff 0 0) 9px 50%/2px 8px no-repeat,
    linear-gradient(#26baff 0 0) 12px 50%/2px 4px no-repeat;
}
body.integrated-workbench #fullDriveDigital .yjzb-voice-tabs #voiceHistoryTab:hover {
  border-color: #30bfff!important;
  background: linear-gradient(180deg,#173447,#102632)!important;
  color: #fff!important;
}
.quick-voice-selector { position: relative; z-index: 30; margin: 8px 0; }
.quick-voice-trigger {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 7px 13px;
  border: 1px solid #245d80;
  border-radius: 6px;
  background: linear-gradient(180deg,#101c25,#0b131a);
  color: #e9f6ff;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 3px 0 0 #149ce8;
}
.quick-voice-trigger:hover,.quick-voice-trigger[aria-expanded="true"] { border-color: #21afea; background: #102431; }
.quick-voice-trigger > span { min-width: 0; display: grid; gap: 3px; }
.quick-voice-trigger small { color: #6f91a7; font-size: 9px; font-weight: 850; }
.quick-voice-trigger b { overflow: hidden; color: #eef9ff; font-size: 13px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.quick-voice-trigger > i { color: #58cfff; font-size: 18px; font-style: normal; transition: transform .2s ease; }
.quick-voice-trigger[aria-expanded="true"] > i { transform: rotate(180deg); }
.quick-voice-menu {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  z-index: 80;
  max-height: 390px;
  overflow: auto;
  padding: 8px;
  border: 1px solid #314657;
  border-radius: 6px;
  background: #111820;
  box-shadow: 0 18px 48px rgba(0,0,0,.5),0 0 0 1px rgba(31,174,229,.08);
  scrollbar-width: thin;
  scrollbar-color: #3a566a #10171d;
}
.quick-voice-menu[hidden] { display: none!important; }
.quick-voice-menu section { display: grid; gap: 5px; }
.quick-voice-menu section + section { margin-top: 10px; padding-top: 9px; border-top: 1px solid #283541; }
.quick-voice-menu section > header { display: grid; grid-template-columns: 1fr auto; align-items: end; padding: 3px 5px 5px; }
.quick-voice-menu section > header span { grid-column: 1; color: #2db8f3; font-size: 8px; font-weight: 950; }
.quick-voice-menu section > header b { grid-column: 1; color: #dce9f2; font-size: 11px; }
.quick-voice-menu section > header em { grid-column: 2; grid-row: 1/3; align-self: center; min-width: 24px; padding: 3px 5px; border-radius: 3px; background: #182a35; color: #61d5f6; font-size: 9px; font-style: normal; text-align: center; }
.quick-voice-option {
  width: 100%;
  min-height: 48px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 20px;
  align-items: center;
  gap: 9px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #171f27;
  color: #e7f0f7;
  text-align: left;
  cursor: pointer;
}
.quick-voice-option:hover { border-color: #2b759d; background: #192a35; }
.quick-voice-option.selected { border-color: #1faee4; background: #102b38; box-shadow: inset 3px 0 0 #28c9e7; }
.quick-voice-orb { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #eafaff; font-size: 9px; font-weight: 950; }
.quick-voice-orb.clone { background: linear-gradient(145deg,#168fd4,#19c9bc); box-shadow: 0 0 12px rgba(26,193,211,.22); }
.quick-voice-orb.system { background: linear-gradient(145deg,#31506a,#1b2d3c); color: #7edaff; }
.quick-voice-option > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.quick-voice-option b { overflow: hidden; color: #edf7fd; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.quick-voice-option small { color: #74899a; font-size: 9px; }
.quick-voice-option > i { display: none; color: #60e5ca; font-size: 14px; font-style: normal; font-weight: 950; }
.quick-voice-option.selected > i { display: block; }
.quick-voice-empty { margin: 0; padding: 14px 8px; border: 1px dashed #31414f; border-radius: 5px; color: #8093a3; font-size: 10px; text-align: center; }

.voice-history-page {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(3,7,11,.82);
  backdrop-filter: blur(9px);
}
.voice-history-page[hidden] { display: none!important; }
.voice-history-dialog {
  width: min(760px, calc(100vw - 24px));
  max-height: min(760px, calc(100vh - 24px));
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  border: 1px solid #304353;
  border-radius: 8px;
  background: #0d141a;
  box-shadow: 0 26px 80px rgba(0,0,0,.62),0 0 0 1px rgba(26,171,226,.08);
}
.voice-history-dialog > header {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  border-bottom: 1px solid #283744;
  background: linear-gradient(180deg,#151f27,#10171d);
}
.voice-history-dialog > header div { display: grid; gap: 2px; }
.voice-history-dialog > header small { color: #2fb8f1; font-size: 9px; font-weight: 950; }
.voice-history-dialog > header strong { color: #f4f9fc; font-size: 19px; }
.voice-history-dialog > header span { color: #8194a4; font-size: 11px; }
.voice-history-dialog > header button { width: 36px; height: 36px; border: 1px solid #354654; border-radius: 5px; background: #101820; color: #e7f3fa; font-size: 22px; cursor: pointer; }
.voice-history-dialog > main { min-height: 0; overflow: auto; display: grid; gap: 12px; padding: 14px; }
.voice-history-voices,.voice-history-records { min-width: 0; padding: 12px; border: 1px solid #273642; border-radius: 7px; background: #111920; }
.voice-history-section-title { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.voice-history-section-title b { color: #edf7fc; font-size: 14px; }
.voice-history-section-title small { color: #778b9b; font-size: 10px; }
.voice-history-selector-host .quick-voice-selector { margin: 0; }
.voice-history-selector-host .quick-voice-menu,#voiceHistorySelectorHost .quick-voice-menu {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  max-height: 310px;
  margin-top: 6px;
  box-shadow: none;
}
.voice-history-records .publish-account-list { display: grid; gap: 8px; }
.voice-history-records .voice-history-row { min-height: 58px; display: grid; grid-template-columns: minmax(130px,1fr) minmax(220px,1.5fr); align-items: center; gap: 12px; padding: 8px 10px; border: 1px solid #2a3945; border-radius: 5px; background: #151d24; }
.voice-history-records .voice-history-row audio { width: 100%; height: 34px; }
.voice-history-dialog > footer {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 18px;
  border-top: 1px solid #283744;
  background: #10171d;
}
.voice-history-dialog > footer .primary-btn {
  min-width: 112px;
  min-height: 36px;
  border-radius: 5px;
  font-weight: 900;
}
@media(max-width:620px){.voice-history-page{padding:8px}.voice-history-dialog>header{padding:0 14px}.voice-history-dialog>main{padding:9px}.voice-history-section-title{display:grid;gap:3px}.voice-history-records .voice-history-row{grid-template-columns:1fr}.voice-history-dialog>header span{display:none}}
body.integrated-workbench .yjzb-video-note {
  margin: 5px 0!important;
  font-size: 11px!important;
}
body.integrated-workbench .yjzb-subtitle-editor {
  margin-top: 7px!important;
  padding-bottom: 8px!important;
}
body.integrated-workbench .yjzb-subtitle-head {
  height: 30px!important;
  font-size: 12px!important;
}
body.integrated-workbench .yjzb-subtitle-editor > input {
  height: 28px!important;
  min-height: 28px!important;
  margin: 6px 8px 0!important;
  width: calc(100% - 16px)!important;
}
body.integrated-workbench .yjzb-subtitle-body {
  gap: 8px!important;
  padding: 8px!important;
}
body.integrated-workbench .yjzb-subtitle-preview {
  min-height: 118px!important;
}
body.integrated-workbench .yjzb-host-card {
  width: 110px!important;
  height: 136px!important;
}
body.integrated-workbench .yjzb-subtitle-options {
  gap: 7px!important;
}
body.integrated-workbench .yjzb-switch-row {
  min-height: 26px!important;
  font-size: 11px!important;
}
body.integrated-workbench .yjzb-duration-row {
  gap: 5px!important;
}
body.integrated-workbench .strict-polish {
  grid-template-columns: minmax(176px,.9fr) minmax(200px,1fr)!important;
  gap: 8px!important;
}
body.integrated-workbench .strict-phone {
  min-height: 372px!important;
  padding-top: 60px!important;
}
body.integrated-workbench .strict-phone div {
  font-size: 18px!important;
  padding: 5px 8px!important;
}
body.integrated-workbench .strict-phone span {
  bottom: 78px!important;
  font-size: 13px!important;
}
body.integrated-workbench .strict-controls {
  padding: 8px!important;
  gap: 6px!important;
}
body.integrated-workbench .strict-controls label {
  grid-template-columns: 38px 1fr!important;
  gap: 6px!important;
  font-size: 12px!important;
}
body.integrated-workbench .mini-tools {
  gap: 5px!important;
}
body.integrated-workbench .strict-actions {
  gap: 6px!important;
  margin-top: 7px!important;
}
body.integrated-workbench .publish-tabs {
  gap: 6px!important;
  margin: 6px 0!important;
}
body.integrated-workbench .publish-tabs button {
  min-height: 27px!important;
  font-size: 11px!important;
}
body.integrated-workbench .publish-upload-box {
  min-height: 150px!important;
  padding: 12px!important;
}
body.integrated-workbench .publish-account-box,
body.integrated-workbench .publish-mode-box {
  margin-top: 7px!important;
}
body.integrated-workbench .compact-publish-btn {
  margin-top: 7px!important;
}
body.integrated-workbench .yjzb-voice-studio {
  width: min(1060px, calc(100vw - 24px))!important;
  max-height: min(760px, calc(100vh - 24px))!important;
  border-radius: 10px!important;
}
body.integrated-workbench .voice-studio-hero {
  padding: 18px 22px 14px!important;
}
body.integrated-workbench .voice-studio-hero h2 {
  font-size: 22px!important;
}
body.integrated-workbench .voice-studio-grid {
  grid-template-columns: minmax(0,1fr) 300px!important;
  gap: 12px!important;
  padding: 12px 18px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-card {
  padding: 11px!important;
  border-radius: 10px!important;
}
body.integrated-workbench .voice-studio-main,
body.integrated-workbench .voice-studio-side {
  gap: 9px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-avatar-row {
  grid-template-columns: repeat(6, minmax(58px,1fr))!important;
  gap: 7px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-avatar {
  height: 58px!important;
  border-radius: 10px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-engine-tabs button,
body.integrated-workbench .yjzb-voice-studio .voice-name-row input,
body.integrated-workbench .yjzb-voice-studio .voice-sample-row input,
body.integrated-workbench .yjzb-voice-studio .voice-sample-tab {
  height: 34px!important;
  min-height: 34px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-source-grid {
  gap: 8px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-upload-card,
body.integrated-workbench .yjzb-voice-studio .voice-url-card {
  height: 70px!important;
}
body.integrated-workbench .yjzb-voice-studio .voice-record-card {
  height: 58px!important;
  margin-bottom: 0!important;
}

/* Voice clone simplified redesign: fewer blocks, compact rhythm, model wiring unchanged. */
.voice-simple-studio {
  position: relative;
  width: min(820px, calc(100vw - 32px));
  max-height: min(680px, calc(100vh - 32px));
  overflow: auto;
  color: #eef6ff;
  border: 1px solid #273340;
  border-radius: 10px;
  background: linear-gradient(180deg, #151a20 0%, #0d0f12 100%);
  box-shadow: 0 26px 80px rgba(0,0,0,.76);
}
.voice-simple-head {
  height: 86px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #252c35;
  background: linear-gradient(135deg, rgba(30,149,255,.16), rgba(0,0,0,0) 55%);
}
.voice-simple-head p {
  margin: 0 0 6px;
  color: #46adff;
  font-size: 12px;
  letter-spacing: .18em;
  font-weight: 950;
}
.voice-simple-head h2 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}
.voice-simple-head span {
  color: #9dadbf;
  font-size: 12px;
  font-weight: 800;
}
.voice-simple-close {
  width: 30px;
  height: 30px;
  min-height: 30px!important;
  padding: 0!important;
  border: 1px solid #394451;
  border-radius: 6px;
  background: #171b20;
  color: #c8d3df;
  font-size: 20px;
}
.voice-simple-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 12px;
  padding: 14px;
}
.voice-simple-main,
.voice-simple-side {
  display: grid;
  gap: 10px;
  align-content: start;
}
.voice-simple-field,
.voice-simple-card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #2d3540;
  border-radius: 8px;
  background: #12161b;
}
.voice-simple-field b,
.voice-simple-card strong {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}
.voice-simple-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.voice-simple-title small {
  color: #8292a5;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
}
.voice-simple-studio .voice-name-row,
.voice-simple-studio .voice-sample-row {
  height: 34px;
  margin: 0;
}
.voice-simple-studio .voice-name-row input,
.voice-simple-studio .voice-sample-row input,
.voice-simple-url input {
  height: 34px;
  min-height: 34px;
  border: 1px solid #3a4552;
  border-radius: 5px;
  background: #0c0f13;
  color: #f7fbff;
}
.voice-simple-studio .voice-name-row span,
.voice-simple-studio .voice-sample-row span {
  top: 8px;
  color: #8fa0b4;
}
.voice-simple-studio .voice-sample-row {
  grid-template-columns: 72px 1fr;
}
.voice-simple-studio .voice-sample-tab {
  height: 34px;
  border-radius: 5px 0 0 5px;
  background: #168bf2;
  color: #fff;
}
.voice-simple-presets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}
.voice-simple-presets .voice-avatar {
  width: auto;
  height: 50px;
  border: 1px solid #344150;
  border-radius: 7px;
  background: #171d24;
}
.voice-simple-presets .voice-avatar::before,
.voice-simple-presets .voice-avatar::after {
  content: none;
}
.voice-simple-presets .voice-avatar span {
  width: 28px;
  height: 28px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  background: #f5c2a4;
  color: #173047;
  font-size: 11px;
  transform: none;
}
.voice-simple-presets .voice-avatar.robot span {
  background: linear-gradient(180deg, #aee2ff, #329df8);
}
.voice-simple-presets .voice-avatar em {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 3px;
  color: #dbe8f6;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}
.voice-simple-presets .voice-avatar.active {
  border-color: #2098ff;
  box-shadow: 0 0 0 1px rgba(32,152,255,.35);
}
.voice-simple-studio .voice-preset-readout {
  margin: 0;
  gap: 8px;
}
.voice-simple-studio .voice-preset-readout b {
  min-width: 72px;
}
.voice-simple-upload {
  height: 72px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 10px;
  align-items: center;
  text-align: left;
  border: 1px dashed #405063;
  border-radius: 7px;
  background: #0e1217;
  color: #eef6ff;
}
.voice-simple-upload.need-file,
#cloneLayerDrop.need-file {
  border-color: #ff9a2e!important;
  box-shadow: 0 0 0 2px rgba(255,154,46,.22), 0 0 22px rgba(255,154,46,.18)!important;
  animation: voiceNeedFilePulse .8s ease-in-out 2;
}
@keyframes voiceNeedFilePulse {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
.voice-simple-upload i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg, #5a65ff, #1797ff);
  font-style: normal;
  font-weight: 950;
}
.voice-simple-upload small,
.voice-simple-card p,
.voice-simple-card.output span {
  color: #8fa0b4;
  font-size: 11px;
  line-height: 1.45;
}
.voice-simple-url {
  display: grid;
  grid-template-columns: 1fr 58px 58px;
  gap: 7px;
}
.voice-simple-card.progress {
  min-height: 105px;
}
.voice-simple-card.output {
  min-height: 130px;
  align-content: start;
}
.voice-simple-card.output audio {
  width: 100%;
}
.voice-simple-card.output.ready {
  border-color: #2098ff;
  background: rgba(19, 88, 142, .18);
}
.voice-simple-card.note p {
  margin: 0;
}
.voice-simple-studio .voice-clone-progress {
  margin: 4px 0 0;
}
.voice-simple-studio .voice-clone-progress > div {
  height: 9px;
  background: #07090c;
}
.voice-simple-studio .voice-clone-progress i {
  background: linear-gradient(90deg, #2098ff, #23d1ff);
}
.voice-simple-footer {
  height: 54px;
  padding: 0 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border-top: 1px solid #252c35;
  background: #111418;
}
.voice-simple-footer label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #aebdcd;
  font-size: 12px;
  font-weight: 800;
}
.voice-simple-footer > div {
  display: flex;
  gap: 8px;
}
.voice-simple-footer button {
  min-width: 82px;
}
@media (max-width: 820px) {
  .voice-simple-body {
    grid-template-columns: 1fr;
  }
  .voice-simple-presets {
    grid-template-columns: repeat(2, 1fr);
  }
  .voice-simple-footer {
    height: auto;
    padding: 12px;
    flex-wrap: wrap;
  }
}

/* Compact pass correction: no horizontal scroll, tighter upload/text blocks like the reference app. */
body.integrated-workbench .strict-board {
  box-sizing: border-box!important;
  width: calc(100vw - 158px)!important;
  grid-template-columns: minmax(470px,.98fr) minmax(520px,1fr) minmax(470px,.88fr)!important;
}
body.integrated-workbench .strict-upload-box {
  min-height: 78px!important;
  padding: 8px 10px!important;
  align-content: center!important;
}
body.integrated-workbench .strict-upload-box .upload-icon {
  font-size: 22px!important;
}
body.integrated-workbench .strict-upload-box button {
  min-height: 24px!important;
}
body.integrated-workbench .strict-upload-box small {
  font-size: 10px!important;
  line-height: 1.1!important;
}
body.integrated-workbench #localVideoName {
  display: none!important;
}
body.integrated-workbench #extractedViralCopy {
  min-height: 158px!important;
  max-height: 178px!important;
}
body.integrated-workbench #premiumTextInput {
  min-height: 102px!important;
  max-height: 122px!important;
}
body.integrated-workbench .strict-suggestions small {
  font-size: 10px!important;
}
body.integrated-workbench #ipStyleClone .strict-field-head {
  margin-top: 6px!important;
}

/* Unified main bar buttons: blue-purple gradient for all primary long actions. */
body.integrated-workbench .strict-card .primary-btn,
body.integrated-workbench .strict-card .outline-btn:not(.strict-mini),
body.integrated-workbench .strict-card > button.primary-btn,
body.integrated-workbench .strict-card > button.outline-btn,
body.integrated-workbench .strict-link-row .primary-btn,
body.integrated-workbench .strict-link-row .outline-btn,
body.integrated-workbench .yjzb-real-command .primary-btn,
body.integrated-workbench .yjzb-generate-video,
body.integrated-workbench .strict-actions .primary-btn,
body.integrated-workbench .publish-upload-box .primary-btn,
body.integrated-workbench .publish-upload-box .outline-btn,
body.integrated-workbench .publish-account-box .primary-btn,
body.integrated-workbench .compact-publish-btn,
body.integrated-workbench #ipRewriteBtn,
body.integrated-workbench #ipAuditBtn,
body.integrated-workbench #premiumGenerateBtn,
body.integrated-workbench #imageVideoGenerateBtn,
body.integrated-workbench #workbenchStartPackBtn,
body.integrated-workbench #workbenchNextBtn,
body.integrated-workbench #compactUploadBtn,
body.integrated-workbench #compactAddAccountBtn,
body.integrated-workbench #compactPublishBtn,
body.integrated-workbench #chooseTitleTemplateBtn,
body.integrated-workbench #chooseMusicBtn,
body.integrated-workbench #addTitleTextBtn,
body.integrated-workbench #textAnimBtn {
  height: 31px!important;
  min-height: 31px!important;
  border: 0!important;
  border-radius: 5px!important;
  background: linear-gradient(90deg, #238cff 0%, #5668ff 48%, #b425e9 100%)!important;
  color: #fff!important;
  font-weight: 950!important;
  letter-spacing: .01em!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 18px rgba(57,118,255,.16)!important;
}
body.integrated-workbench .strict-card .primary-btn:hover,
body.integrated-workbench .strict-card .outline-btn:not(.strict-mini):hover,
body.integrated-workbench .yjzb-real-command .primary-btn:hover,
body.integrated-workbench .strict-actions .primary-btn:hover,
body.integrated-workbench #ipRewriteBtn:hover,
body.integrated-workbench #ipAuditBtn:hover,
body.integrated-workbench #premiumGenerateBtn:hover,
body.integrated-workbench #imageVideoGenerateBtn:hover,
body.integrated-workbench #workbenchStartPackBtn:hover,
body.integrated-workbench #workbenchNextBtn:hover {
  filter: brightness(1.08) saturate(1.08)!important;
  transform: translateY(-1px)!important;
}
body.integrated-workbench .strict-card .primary-btn:disabled,
body.integrated-workbench .strict-card .outline-btn:disabled,
body.integrated-workbench .yjzb-real-command .primary-btn:disabled {
  opacity: .48!important;
  filter: grayscale(.35)!important;
  transform: none!important;
  cursor: not-allowed!important;
}
body.integrated-workbench .strict-mini,
body.integrated-workbench .strict-field-head .strict-mini,
body.integrated-workbench .strict-head .strict-mini,
body.integrated-workbench .mini-tools button,
body.integrated-workbench .publish-tabs button,
body.integrated-workbench .strict-suggestions button,
body.integrated-workbench .yjzb-top-icons button {
  box-shadow: none!important;
}

/* Benchmark left-bottom user tools: fixed black box at the screen corner. */
body.integrated-workbench .yjzb-real-user {
  position: fixed!important;
  left: 8px!important;
  bottom: 10px!important;
  width: 126px!important;
  right: auto!important;
  z-index: 40!important;
  padding: 8px 7px!important;
  border: 0!important;
  border-radius: 6px!important;
  background: #070708!important;
  box-shadow: 0 14px 32px rgba(0,0,0,.42)!important;
  color: #fff!important;
}
body.integrated-workbench .yjzb-real-user .side-tools {
  display: grid!important;
  grid-template-columns: repeat(3,1fr)!important;
  gap: 4px!important;
  padding: 0 0 8px!important;
  border: 0!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button {
  min-height: 32px!important;
  height: 32px!important;
  padding: 18px 0 0!important;
  border: 0!important;
  border-radius: 4px!important;
  background: transparent!important;
  color: #fff!important;
  font-size: 10px!important;
  line-height: 1!important;
  font-weight: 800!important;
  position: relative!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button::before {
  content: ""!important;
  position: absolute!important;
  top: 2px!important;
  left: 50%!important;
  width: 13px!important;
  height: 13px!important;
  transform: translateX(-50%)!important;
  border: 2px solid #f4f7fb!important;
  border-radius: 3px!important;
  box-sizing: border-box!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button:nth-child(2)::before {
  border-radius: 2px!important;
  border-top-width: 5px!important;
}
body.integrated-workbench .yjzb-real-user .side-tools button:nth-child(3)::before {
  border-radius: 50%!important;
}
body.integrated-workbench .yjzb-real-user .side-user {
  height: 34px!important;
  margin: 0!important;
  padding: 7px 0!important;
  display: grid!important;
  grid-template-columns: 24px 1fr 10px!important;
  gap: 6px!important;
  align-items: center!important;
  border-top: 1px solid #1c1d20!important;
  border-bottom: 1px solid #1c1d20!important;
}
body.integrated-workbench .yjzb-real-user .side-user span {
  width: 24px!important;
  height: 24px!important;
  border-radius: 50%!important;
  display: grid!important;
  place-items: center!important;
  overflow: hidden!important;
  color: transparent!important;
  font-size: 0!important;
  background: linear-gradient(180deg,#e7fbff,#bee9ff)!important;
  position: relative!important;
}
body.integrated-workbench .yjzb-real-user .side-user span::before {
  content: ""!important;
  width: 9px!important;
  height: 9px!important;
  border-radius: 50%!important;
  background: #ffb18b!important;
  box-shadow: 0 9px 0 3px #2aa7b9!important;
}
body.integrated-workbench .yjzb-real-user .side-user strong {
  color: #fff!important;
  font-size: 12px!important;
  font-weight: 950!important;
  white-space: nowrap!important;
}
body.integrated-workbench .yjzb-real-user .side-user i {
  color: #d6dbe3!important;
  font-style: normal!important;
  font-size: 15px!important;
}
body.integrated-workbench .yjzb-real-user .side-status {
  height: 25px!important;
  padding: 7px 0 0!important;
  display: grid!important;
  grid-template-columns: 10px 1fr 14px!important;
  gap: 5px!important;
  align-items: center!important;
  color: #fff!important;
  font-size: 10px!important;
  font-weight: 850!important;
}
body.integrated-workbench .yjzb-real-user .side-status em {
  width: 10px!important;
  height: 10px!important;
  border-radius: 50%!important;
  background: #12db66!important;
  box-shadow: 0 0 12px rgba(18,219,102,.8)!important;
  font-style: normal!important;
}
body.integrated-workbench .yjzb-real-user .side-status b {
  display: block!important;
  width: 14px!important;
  height: 14px!important;
  color: transparent!important;
  font-size: 0!important;
  position: relative!important;
}
body.integrated-workbench .yjzb-real-user .side-status b::before,
body.integrated-workbench .yjzb-real-user .side-status b::after {
  content: ""!important;
  position: absolute!important;
  left: 2px!important;
  right: 2px!important;
  height: 2px!important;
  border-radius: 3px!important;
  background: #eef3fb!important;
}
body.integrated-workbench .yjzb-real-user .side-status b::before { top: 4px!important; }
body.integrated-workbench .yjzb-real-user .side-status b::after { bottom: 4px!important; }

/* Fix left-bottom utility text and make recommendation buttons one size larger. */
body.integrated-workbench .yjzb-real-user .side-tools button {
  color: #f7fbff!important;
  font-size: 11px!important;
  font-weight: 900!important;
}
body.integrated-workbench .yjzb-real-user .side-user strong {
  font-size: 13px!important;
}
body.integrated-workbench .yjzb-real-user .side-user i {
  font-size: 14px!important;
  color: #dce5ef!important;
}
body.integrated-workbench .yjzb-real-user .side-status span {
  font-size: 11px!important;
  color: #f7fbff!important;
}
body.integrated-workbench .strict-suggestions small {
  font-size: 11px!important;
  color: #c5d0df!important;
}
body.integrated-workbench .strict-suggestions button {
  min-height: 28px!important;
  font-size: 12px!important;
  line-height: 1.25!important;
  font-weight: 900!important;
}

/* Voice preset cartoon avatars: replace text dots with role-matched characters. */
.voice-simple-presets .voice-avatar span {
  overflow: visible!important;
  color: transparent!important;
  font-size: 0!important;
  background: #ffd6bf!important;
  border: 2px solid rgba(255,255,255,.82)!important;
  box-shadow: 0 10px 0 -3px #e9eef4!important;
}
.voice-simple-presets .voice-avatar span::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 28px;
  height: 14px;
  transform: translateX(-50%);
  border-radius: 16px 16px 8px 8px;
  background: #2b211b;
  box-shadow: inset 0 -3px 0 rgba(255,255,255,.06);
}
.voice-simple-presets .voice-avatar span::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #35231b;
  box-shadow: 11px 0 0 #35231b, 5px 7px 0 -1px #cf775b;
}
.voice-simple-presets .voice-avatar.boss span::before {
  background: linear-gradient(90deg,#1f1a17 0 65%,#56514b 65% 100%);
}
.voice-simple-presets .voice-avatar.boss span {
  background: #f2b995!important;
  box-shadow: 0 10px 0 -3px #ffffff, 0 14px 0 -4px #2f5d8d!important;
}
.voice-simple-presets .voice-avatar.male span::before,
.voice-simple-presets .voice-avatar.calm span::before {
  background: #161616;
  height: 13px;
}
.voice-simple-presets .voice-avatar.calm span {
  background: #e2a982!important;
  box-shadow: 0 10px 0 -3px #e8eef4, 0 14px 0 -4px #263248!important;
}
.voice-simple-presets .voice-avatar.female span::before,
.voice-simple-presets .voice-avatar.soft span::before {
  top: -5px;
  width: 32px;
  height: 18px;
  border-radius: 18px 18px 12px 12px;
  background: #4a241d;
}
.voice-simple-presets .voice-avatar.female span,
.voice-simple-presets .voice-avatar.soft span {
  background: #f6c3a8!important;
  box-shadow: 0 10px 0 -3px #fff3f8, 0 14px 0 -4px #b35b65!important;
}
.voice-simple-presets .voice-avatar.soft span::before {
  background: #7a4034;
}
.voice-simple-presets .voice-avatar.robot span {
  border-radius: 8px!important;
  background: linear-gradient(180deg,#c9efff,#56b7ff)!important;
  border-color: #b9edff!important;
  box-shadow: 0 10px 0 -3px #d9f4ff, 0 0 14px rgba(62,180,255,.28)!important;
}
.voice-simple-presets .voice-avatar.robot span::before {
  top: -8px;
  width: 2px;
  height: 8px;
  border-radius: 2px;
  background: #75d5ff;
  box-shadow: 0 -4px 0 2px #2da7ff;
}
.voice-simple-presets .voice-avatar.robot span::after {
  left: 7px;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #064a70;
  box-shadow: 11px 0 0 #064a70, 5px 8px 0 0 #064a70;
}
.voice-simple-presets .voice-avatar.machine span {
  background: linear-gradient(180deg,#d8e5ef,#7f9db6)!important;
}
.voice-simple-presets .voice-avatar.service span {
  background: linear-gradient(180deg,#dff7ff,#76c8ff)!important;
  box-shadow: 0 10px 0 -3px #ffffff, -10px 2px 0 -6px #56b7ff, 10px 2px 0 -6px #56b7ff!important;
}
.voice-simple-presets .voice-avatar.ai span::after {
  box-shadow: 11px 0 0 #064a70, 5px 8px 0 0 #1b85d0;
}

/* User-selected buttons: pure blue, no purple gradient. */
body.integrated-workbench #benchmarkPasteBtn,
body.integrated-workbench #benchmarkExtractBtn,
body.integrated-workbench #compactHistoryBtn,
body.integrated-workbench #compactUploadBtn,
body.integrated-workbench #chooseMusicBtn {
  background: #238cff!important;
  background-image: none!important;
  border: 1px solid #3aa5ff!important;
  color: #fff!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(35,140,255,.18)!important;
}
body.integrated-workbench #benchmarkPasteBtn:hover,
body.integrated-workbench #benchmarkExtractBtn:hover,
body.integrated-workbench #compactHistoryBtn:hover,
body.integrated-workbench #compactUploadBtn:hover,
body.integrated-workbench #chooseMusicBtn:hover {
  background: #3298ff!important;
  background-image: none!important;
}

/* Publish material actions: keep both buttons in one visual language. */
body.integrated-workbench #accountManage .publish-upload-box #compactUploadBtn,
body.integrated-workbench #accountManage .publish-upload-box #compactHistoryBtn {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:110px!important;
  min-width:110px!important;
  height:31px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid #3aa5ff!important;
  border-radius:5px!important;
  background:#238cff!important;
  background-image:none!important;
  color:#fff!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 6px 14px rgba(35,140,255,.18)!important;
}
body.integrated-workbench #accountManage .publish-upload-box #compactUploadBtn:hover,
body.integrated-workbench #accountManage .publish-upload-box #compactHistoryBtn:hover {
  background:#3298ff!important;
  border-color:#68bdff!important;
}

/* Publish records trigger: benchmark icon, label and enabled switch. */
body.integrated-workbench #accountManage .strict-head > .strict-switch {
  display:none!important;
}
body.integrated-workbench #accountManage #compactPublishRecordBtn {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  min-width:100px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  color:#f4f7fa!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:30px!important;
  white-space:nowrap!important;
}
body.integrated-workbench #accountManage #compactPublishRecordBtn::before {
  content:"▦";
  display:inline-grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  color:#edf3f8!important;
  font-size:14px!important;
  line-height:14px!important;
}
body.integrated-workbench #accountManage #compactPublishRecordBtn::after {
  content:"";
  display:block!important;
  width:30px!important;
  height:17px!important;
  margin-left:2px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 22px 8.5px,#fff 0 5px,transparent 5.8px),#318fea!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 5px 12px rgba(39,143,237,.25)!important;
}
body.integrated-workbench #accountManage #compactPublishRecordBtn:hover {
  color:#fff!important;
  background:transparent!important;
}

/* Publish mode v221: one framed panel with actions anchored inside it. */
body.integrated-workbench #accountManage { position:relative!important; }
body.integrated-workbench #accountManage .publish-mode-box {
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:22px!important;
  min-height:300px!important;
  margin-top:10px!important;
  padding:18px 12px!important;
  border:1px solid #4a525b!important;
  border-radius:4px!important;
  background:#1d1f21!important;
}
body.integrated-workbench #accountManage .publish-mode-box label {
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  height:22px!important;
  color:#e8edf2!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.integrated-workbench #accountManage .publish-mode-box label:first-child { color:#42a7ff!important; }
body.integrated-workbench #accountManage .publish-mode-box input[type="radio"] { width:14px!important; height:14px!important; margin:0!important; accent-color:#318ff0!important; }
body.integrated-workbench #accountManage .publish-empty-area { display:none!important; }
body.integrated-workbench #accountManage .compact-publish-btn { position:absolute!important; right:12px!important; bottom:12px!important; z-index:2!important; width:116px!important; min-height:34px!important; margin:0!important; }

/* Polish panel special buttons: match benchmark dark buttons, not gradient. */
body.integrated-workbench #addTitleTextBtn {
  height: 34px!important;
  min-height: 34px!important;
  background: #303030!important;
  background-image: none!important;
  border: 0!important;
  border-radius: 3px!important;
  color: #fff!important;
  box-shadow: none!important;
  font-weight: 950!important;
}
body.integrated-workbench #textAnimBtn {
  height: 29px!important;
  min-height: 29px!important;
  background: #171717!important;
  background-image: none!important;
  border: 1px solid #555!important;
  border-radius: 4px!important;
  color: #fff!important;
  box-shadow: none!important;
  font-weight: 950!important;
}
body.integrated-workbench #textAnimBtn::before {
  content: "★";
  margin-right: 8px;
  color: #fff;
  font-size: 15px;
  vertical-align: -1px;
}
body.integrated-workbench #addTitleTextBtn:hover { background: #383838!important; transform: none!important; }
body.integrated-workbench #textAnimBtn:hover { background: #202020!important; transform: none!important; }

/* Subtitle/PIP block redesign: match reference photo-card + compact settings list. */
body.integrated-workbench .yjzb-subtitle-editor {
  background: #111314!important;
  border-color: #242a31!important;
  border-radius: 6px!important;
  padding-bottom: 10px!important;
}
body.integrated-workbench .yjzb-subtitle-head {
  height: 28px!important;
  background: #101112!important;
  border-bottom: 1px solid #252b32!important;
  color: #9fb0c2!important;
}
body.integrated-workbench .yjzb-subtitle-editor > input {
  height: 28px!important;
  min-height: 28px!important;
  margin: 6px 10px 0!important;
  width: calc(100% - 20px)!important;
  background: #15181c!important;
  border-color: #363e49!important;
}
body.integrated-workbench .yjzb-subtitle-body {
  grid-template-columns: minmax(250px, 1.05fr) minmax(210px, .95fr)!important;
  gap: 10px!important;
  padding: 10px!important;
  background: #111314!important;
}
body.integrated-workbench .yjzb-subtitle-preview {
  min-height: 320px!important;
  border: 0!important;
  border-radius: 4px!important;
  background: url("assets/yjzb/digital-avatar-hd.jpg") center 18% / cover no-repeat, #151719!important;
  overflow: hidden!important;
  box-shadow: inset 0 -80px 90px rgba(0,0,0,.34)!important;
}
body.integrated-workbench .yjzb-host-card {
  position: absolute!important;
  inset: 0!important;
  width: auto!important;
  height: auto!important;
  display: block!important;
  background: linear-gradient(180deg, transparent 48%, rgba(0,0,0,.34) 100%)!important;
}
body.integrated-workbench .yjzb-host-face,
body.integrated-workbench .yjzb-host-shirt {
  display: none!important;
}
body.integrated-workbench #chooseTitleTemplateBtn {
  position: absolute!important;
  left: 14px!important;
  right: 14px!important;
  bottom: 18px!important;
  height: 32px!important;
  min-height: 32px!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  background-image: none!important;
  border: 0!important;
  color: #fff!important;
  box-shadow: 0 8px 18px rgba(22,137,242,.22)!important;
}
body.integrated-workbench #chooseTitleTemplateBtn::before {
  content: "▣";
  margin-right: 8px;
  font-size: 13px;
}
body.integrated-workbench .yjzb-subtitle-options {
  padding: 2px 0!important;
  display: grid!important;
  align-content: start!important;
  gap: 0!important;
  color: #fff!important;
}
body.integrated-workbench .template-row {
  grid-template-columns: 36px 1fr!important;
  gap: 9px!important;
  align-items: center!important;
  margin: 0 0 8px!important;
  padding-bottom: 8px!important;
  border-bottom: 1px solid rgba(255,255,255,.05)!important;
}
body.integrated-workbench .template-icon {
  width: 34px!important;
  height: 34px!important;
  border-radius: 7px!important;
  background: #1689f2!important;
  font-size: 23px!important;
}
body.integrated-workbench .template-row strong {
  font-size: 13px!important;
  color: #fff!important;
}
body.integrated-workbench .template-row small {
  font-size: 11px!important;
  color: #8492a4!important;
}
body.integrated-workbench .yjzb-switch-row {
  min-height: 34px!important;
  padding: 0!important;
  border-bottom: 1px solid rgba(255,255,255,.055)!important;
  color: #fff!important;
  font-size: 12px!important;
  gap: 7px!important;
}
body.integrated-workbench .yjzb-switch-row::before {
  display: none!important;
  width: 18px;
  justify-content: center;
  color: #fff;
  font-size: 15px;
}
body.integrated-workbench .yjzb-switch-row:nth-of-type(1)::before { content: "A"; font-style: italic; font-weight: 900; }
body.integrated-workbench .yjzb-switch-row:nth-of-type(2)::before { content: "♪"; font-size: 17px; }
body.integrated-workbench .yjzb-switch-row:nth-of-type(3)::before { content: ""; width: 0; }
body.integrated-workbench .yjzb-switch-row span {
  width: 30px!important;
  height: 17px!important;
}
body.integrated-workbench .yjzb-switch-row span::after {
  width: 11px!important;
  height: 11px!important;
}
body.integrated-workbench .yjzb-switch-row input:checked + span::after {
  transform: translateX(13px)!important;
}
body.integrated-workbench .yjzb-music-btn {
  width: 86px!important;
  min-width: 86px!important;
  height: 29px!important;
  min-height: 29px!important;
  margin: 4px 0 8px!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  background-image: none!important;
}
body.integrated-workbench .yjzb-music-btn::before {
  content: "▤";
  margin-right: 5px;
}
body.integrated-workbench .yjzb-duration-row {
  margin-top: 6px!important;
  gap: 0!important;
  color: #fff!important;
  font-size: 12px!important;
}
body.integrated-workbench .yjzb-duration-row b {
  width: 100%!important;
  margin-bottom: 6px!important;
  color: #fff!important;
}
body.integrated-workbench .yjzb-duration-row button,
body.integrated-workbench .yjzb-duration-row input {
  width: 28px!important;
  height: 24px!important;
  min-height: 24px!important;
  border-color: #383d43!important;
  background: #1d1f22!important;
  color: #dfe8f2!important;
  border-radius: 3px!important;
}
body.integrated-workbench .yjzb-duration-row input {
  width: 52px!important;
  border-left: 0!important;
  border-right: 0!important;
}
body.integrated-workbench .yjzb-duration-row em {
  margin-left: 3px!important;
  white-space: nowrap!important;
  color: #fff!important;
  font-weight: 900!important;
}
@media (max-width: 1180px) {
  body.integrated-workbench .yjzb-subtitle-body { grid-template-columns: 1fr!important; }
  body.integrated-workbench .yjzb-subtitle-preview { min-height: 280px!important; }
}

/* 04 oral video top card: match benchmark white digital-avatar selection panel. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  position: relative!important;
  display: block!important;
  min-height: 188px!important;
  height: 188px!important;
  margin: 4px 0 10px!important;
  border: 0!important;
  border-radius: 4px!important;
  background: #fff!important;
  overflow: hidden!important;
  box-shadow: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::before {
  content: "选择数字形象";
  position: absolute;
  left: 30px;
  top: 58px;
  color: #167fff;
  font-size: 17px;
  font-weight: 950;
  z-index: 3;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::after {
  content: "视频人物对口型";
  position: absolute;
  left: 30px;
  top: 88px;
  color: #8a929c;
  font-size: 12px;
  font-weight: 800;
  z-index: 3;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.left {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right {
  position: absolute!important;
  right: 120px!important;
  top: 48px!important;
  width: 55px!important;
  height: 72px!important;
  min-height: 72px!important;
  display: block!important;
  border-radius: 4px!important;
  background: url("assets/yjzb/digital-avatar-hd.jpg") center 18% / cover no-repeat!important;
  filter: none!important;
  opacity: 1!important;
  box-shadow: 0 6px 18px rgba(0,0,0,.14)!important;
  z-index: 2!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right::after {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  box-shadow: inset 0 0 0 2px rgba(22,137,242,.2);
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main {
  position: absolute!important;
  right: -8px!important;
  bottom: -18px!important;
  width: 176px!important;
  height: 176px!important;
  min-height: 176px!important;
  display: block!important;
  background: url("assets/yjzb/digital-avatar-hd.jpg") center 16% / cover no-repeat!important;
  border-radius: 0!important;
  z-index: 1!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main span {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage #imageVideoPickBtn {
  position: absolute!important;
  left: 30px!important;
  top: 118px!important;
  right: auto!important;
  width: 82px!important;
  min-width: 82px!important;
  height: 28px!important;
  min-height: 28px!important;
  border: 0!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  color: #fff!important;
  font-size: 11px!important;
  box-shadow: 0 8px 16px rgba(22,137,242,.2)!important;
  z-index: 4!important;
}
body.integrated-workbench #oralDigitalVideo #imageVideoFileName {
  margin-top: 0!important;
}
body.integrated-workbench #oralDigitalVideo #imageVideoGenerateBtn {
  margin-top: 8px!important;
  height: 39px!important;
  min-height: 39px!important;
  border-radius: 3px!important;
}

/* 04 avatar card HD image override: both large portrait and thumbnail use the new dedicated image. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right {
  background: url("assets/yjzb/digital-avatar-hd.jpg") center 18% / cover no-repeat!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main {
  background: url("assets/yjzb/digital-avatar-hd.jpg") center 16% / cover no-repeat!important;
}

/* 04 oral video card uses user-provided 4545.png as the full right-side avatar artwork. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  height: 188px!important;
  min-height: 188px!important;
  margin: 6px 0 10px!important;
  border: 8px solid #111416!important;
  border-radius: 4px!important;
  background: #fff!important;
  overflow: hidden!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::before {
  left: 22px!important;
  top: 50px!important;
  color: #1689f2!important;
  font-size: 18px!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::after {
  left: 22px!important;
  top: 82px!important;
  color: #8b949e!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main {
  position: absolute!important;
  right: 0!important;
  top: 0!important;
  bottom: 0!important;
  width: 62%!important;
  height: 100%!important;
  min-height: 100%!important;
  background: url("assets/yjzb/digital-avatar-card.png") center center / cover no-repeat!important;
  z-index: 1!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right,
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right::after {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.04) 100%);
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage #imageVideoPickBtn {
  left: 22px!important;
  top: 114px!important;
  width: 88px!important;
  height: 28px!important;
  min-height: 28px!important;
  background: #1689f2!important;
  background-image: none!important;
  border-radius: 4px!important;
}

/* Fix 04 avatar artwork visibility: put 4545.png directly on the white card background. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  background: url("assets/yjzb/digital-avatar-card.png") right center / 62% 100% no-repeat, #fff!important;
  border: 8px solid #111416!important;
  box-shadow: inset 0 0 0 1px rgba(22,137,242,.2)!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main,
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.left,
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage #imageVideoPickBtn {
  z-index: 5!important;
}

/* Strict match for 04 digital avatar selection block: no extra text, no extra layers. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  height: 188px!important;
  min-height: 188px!important;
  margin: 6px 0 10px!important;
  border: 8px solid #111416!important;
  border-radius: 4px!important;
  background: #fff!important;
  overflow: hidden!important;
  box-shadow: inset 0 0 0 1px rgba(22,137,242,.22)!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::before {
  content: "选择数字形象"!important;
  left: 22px!important;
  top: 50px!important;
  color: #1689f2!important;
  font-size: 18px!important;
  font-weight: 950!important;
  z-index: 4!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::after {
  content: "视频人物对口型"!important;
  left: 22px!important;
  top: 82px!important;
  color: #8b949e!important;
  font-size: 12px!important;
  font-weight: 800!important;
  z-index: 4!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main,
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.left,
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-blur.right {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage .avatar-main span {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage > div:last-of-type {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  background:
    url("assets/yjzb/digital-avatar-card.png") right center / 62% 100% no-repeat,
    #fff!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage #imageVideoPickBtn {
  position: absolute!important;
  left: 22px!important;
  top: 114px!important;
  right: auto!important;
  width: 88px!important;
  min-width: 88px!important;
  height: 28px!important;
  min-height: 28px!important;
  padding: 0!important;
  border: 0!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  background-image: none!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
  box-shadow: none!important;
  z-index: 5!important;
}
body.integrated-workbench #oralDigitalVideo #imageVideoFileName {
  display: none!important;
}

/* Final 04 block benchmark match: compact header + dashed white avatar card. */
body.integrated-workbench #oralDigitalVideo.strict-card {
  background: #111315!important;
  border: 0!important;
  border-radius: 6px!important;
  padding: 6px 10px 10px!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head {
  min-height: 35px!important;
  margin: 0 0 8px!important;
  gap: 6px!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head > b {
  width: auto!important;
  height: auto!important;
  min-width: 0!important;
  display: inline!important;
  background: transparent!important;
  color: #2b7dff!important;
  font-size: 19px!important;
  line-height: 1!important;
  border-radius: 0!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head > div {
  flex: 1 1 auto!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head strong {
  color: #fff!important;
  font-size: 14px!important;
  line-height: 1!important;
  font-weight: 950!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head small {
  margin-top: 3px!important;
  color: #7e8da2!important;
  font-size: 10px!important;
  line-height: 1!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head #cloneAvatarLayerBtn {
  min-width: 82px!important;
  min-height: 29px!important;
  height: 29px!important;
  padding: 0 10px!important;
  border: 0!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  background-image: none!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
  box-shadow: 0 8px 18px rgba(22,137,242,.2)!important;
}
body.integrated-workbench .yjzb-duration-row button:disabled,
body.integrated-workbench .yjzb-duration-row input:disabled {
  opacity:.38!important;
  cursor:not-allowed!important;
  color:#6f7883!important;
  background:#202225!important;
}
/* Subtitle controls alignment v227. */
body.integrated-workbench .yjzb-subtitle-options .yjzb-switch-row {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  width:100%!important;
  min-height:34px!important;
  padding:0!important;
  gap:8px!important;
  text-align:left!important;
}
body.integrated-workbench .yjzb-subtitle-options .yjzb-switch-row::before {
  content:none!important;
  display:none!important;
  width:0!important;
}
body.integrated-workbench .yjzb-subtitle-options .yjzb-switch-row span {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
}
body.integrated-workbench .yjzb-subtitle-options .yjzb-duration-row {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
body.integrated-workbench .yjzb-subtitle-options .yjzb-duration-row b {
  flex:0 0 100%!important;
  width:auto!important;
  margin:0 0 6px!important;
  text-align:left!important;
}
body.integrated-workbench #fullDriveDigital .strict-head #selectPremiumVoiceBtn {
  min-width: 82px!important;
  min-height: 29px!important;
  height: 29px!important;
  padding: 0 10px!important;
  border: 0!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  background-image: none!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
  box-shadow: 0 8px 18px rgba(22,137,242,.2)!important;
}
body.integrated-workbench #fullDriveDigital .strict-head #selectPremiumVoiceBtn:hover,
body.integrated-workbench #oralDigitalVideo .strict-head #cloneAvatarLayerBtn:hover {
  background:#2698ff!important;
  box-shadow:0 9px 22px rgba(22,137,242,.3)!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head #cloneAvatarLayerBtn::before {
  content: "+";
  margin-right: 5px;
  font-size: 13px;
  font-weight: 900;
  color: #fff;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
  height: 181px!important;
  min-height: 181px!important;
  margin: 0!important;
  box-sizing: border-box!important;
  border: 1px dashed #1689f2!important;
  border-radius: 4px!important;
  background:
    url("assets/yjzb/digital-avatar-card.png?v=20260716-1922") right -12px bottom -2px / auto 205px no-repeat,
    #fff!important;
  box-shadow: none!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::before {
  left: 21px!important;
  top: 28px!important;
  color: #1689f2!important;
  font-size: 18px!important;
  line-height: 1!important;
  font-weight: 950!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage::after {
  left: 21px!important;
  top: 58px!important;
  color: #8a929c!important;
  font-size: 12px!important;
  line-height: 1!important;
  font-weight: 800!important;
}
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage #imageVideoPickBtn {
  left: 21px!important;
  top: 78px!important;
  width: 80px!important;
  min-width: 80px!important;
  height: 25px!important;
  min-height: 25px!important;
  border-radius: 4px!important;
  background: #1689f2!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
}


/* 04 header exact crop: only number and title, no extra subtitle. */
body.integrated-workbench #oralDigitalVideo .strict-head {
  align-items: center!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head small {
  display: none!important;
}
body.integrated-workbench #oralDigitalVideo .strict-head strong {
  display: block!important;
  margin: 0!important;
}


/* 04 avatar card: remove default preview label text. */
body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage > span {
  display: none!important;
}


/* Subtitle template picker v32: benchmark-style clean horizontal gallery. */
.subtitle-template-layer {
  place-items: start center!important;
  padding-top: 0!important;
  background: rgba(0,0,0,.55)!important;
}
.subtitle-template-backdrop {
  background: rgba(0,0,0,.68)!important;
}
.subtitle-template-panel {
  width: calc(100vw - 12px)!important;
  max-width: none!important;
  height: 440px!important;
  margin-top: 0!important;
  border: 0!important;
  border-radius: 0!important;
  background: #111!important;
  box-shadow: 0 22px 70px rgba(0,0,0,.72)!important;
  grid-template-rows: 54px 326px 52px!important;
  overflow: hidden!important;
}
.subtitle-template-panel header {
  height: 54px!important;
  padding: 4px 8px 6px!important;
  box-sizing: border-box!important;
}
.subtitle-template-panel header > div {
  grid-template-columns: 36px auto!important;
  column-gap: 9px!important;
}
.subtitle-template-panel header b {
  width: 36px!important;
  height: 36px!important;
  border-radius: 7px!important;
  background: #1689f2!important;
  color: #fff!important;
  font-size: 23px!important;
  line-height: 1!important;
}
.subtitle-template-panel header strong {
  color: #fff!important;
  font-size: 14px!important;
  line-height: 1.05!important;
  font-weight: 950!important;
}
.subtitle-template-panel header small {
  color: #7f8996!important;
  font-size: 11px!important;
  line-height: 1.1!important;
}
.subtitle-template-panel header button {
  width: 28px!important;
  height: 28px!important;
  display: grid!important;
  place-items: center!important;
  color: #8e95a0!important;
  font-size: 22px!important;
  line-height: 1!important;
}
.subtitle-template-list {
  display: grid!important;
  grid-auto-flow: column!important;
  grid-auto-columns: 180px!important;
  gap: 9px!important;
  align-items: start!important;
  padding: 6px 8px 0!important;
  overflow-x: auto!important;
  overflow-y: hidden!important;
  scrollbar-width: thin!important;
}
.subtitle-template-card {
  width: 180px!important;
  height: 322px!important;
  flex: 0 0 180px!important;
  border: 2px solid transparent!important;
  border-radius: 0!important;
  background: #202326!important;
  box-shadow: none!important;
}
.subtitle-template-card.selected {
  border-color: #078cf8!important;
  box-shadow: inset 0 0 0 1px rgba(7,140,248,.35)!important;
}
.subtitle-template-card img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  object-position: center center!important;
  filter: brightness(.84) contrast(1.06) saturate(.95)!important;
}
.subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-caption,
.subtitle-template-card em {
  left: 8px!important;
  right: 8px!important;
  text-shadow: 0 2px 0 #000, 0 0 4px #000, 0 0 8px #000!important;
  letter-spacing: -.5px!important;
  font-family: "Microsoft YaHei", SimHei, sans-serif!important;
  pointer-events: none!important;
}
.subtitle-template-card .tpl-title {
  top: 34px!important;
  color: #fff!important;
  font-size: 19px!important;
  line-height: 1.16!important;
  text-align: left!important;
  -webkit-text-stroke: .45px rgba(0,0,0,.85)!important;
}
.subtitle-template-card .tpl-sub {
  top: 82px!important;
  color: #7ed3ff!important;
  font-size: 19px!important;
  line-height: 1.12!important;
  text-align: left!important;
  -webkit-text-stroke: .35px rgba(0,0,0,.8)!important;
}
.subtitle-template-card .tpl-caption {
  bottom: 92px!important;
  text-align: center!important;
  color: #fff!important;
  font-size: 12px!important;
  line-height: 1!important;
}
.subtitle-template-card.yellow .tpl-title { color: #fff200!important; top: 34px!important; font-size: 19px!important; text-align: center!important; }
.subtitle-template-card.yellow .tpl-sub { color: #fff!important; top: 68px!important; font-size: 12px!important; text-align: center!important; }
.subtitle-template-card.cyan .tpl-title { color: #fff!important; top: 34px!important; text-align: left!important; }
.subtitle-template-card.cyan .tpl-sub { color: #00d8ff!important; top: 66px!important; text-align: left!important; }
.subtitle-template-card.greenbar .tpl-title { top: 63px!important; color: #70ff7b!important; background: rgba(0,0,0,.78)!important; padding: 2px 4px!important; text-align: center!important; }
.subtitle-template-card.greenbar .tpl-sub { display: none!important; }
.subtitle-template-card.white .tpl-title { top: 38px!important; color: #f4f6fa!important; text-align: center!important; -webkit-text-stroke: .7px #111!important; }
.subtitle-template-card.white .tpl-sub { top: 72px!important; color: #54cfff!important; text-align: center!important; -webkit-text-stroke: .7px #111!important; }
.subtitle-template-card.orange .tpl-title { color: #fff!important; top: 37px!important; text-align: center!important; -webkit-text-stroke: .75px #111!important; }
.subtitle-template-card.orange .tpl-sub { color: #ff9d00!important; top: 72px!important; text-align: center!important; -webkit-text-stroke: .75px #111!important; }
.subtitle-template-card.stack .tpl-title { top: 30px!important; color: #fff!important; text-align: right!important; font-size: 12px!important; }
.subtitle-template-card.stack .tpl-sub { top: 184px!important; color: #ffeb00!important; text-align: left!important; font-size: 18px!important; }
.subtitle-template-card.stack .tpl-caption { bottom: 84px!important; font-size: 19px!important; text-align: left!important; }
.subtitle-template-card.red .tpl-title { color: #ff2525!important; top: 34px!important; text-align: center!important; -webkit-text-stroke: .7px #fff!important; }
.subtitle-template-card.red .tpl-sub { color: #ff2525!important; top: 66px!important; text-align: center!important; -webkit-text-stroke: .7px #111!important; }
.subtitle-template-card em {
  left: 8px!important;
  right: auto!important;
  bottom: 8px!important;
  padding: 2px 6px!important;
  border-radius: 3px!important;
  background: #df9823!important;
  color: #fff!important;
  font-size: 12px!important;
  font-style: normal!important;
}
.subtitle-template-panel footer {
  height: 52px!important;
  padding: 9px 12px!important;
  box-sizing: border-box!important;
  border-top: 0!important;
  background: #111!important;
}
.subtitle-template-panel footer span {
  margin-right: auto!important;
  color: #7e8996!important;
  background: transparent!important;
  padding: 0!important;
  font-size: 12px!important;
}
.subtitle-template-panel footer button {
  height: 32px!important;
  min-height: 32px!important;
  border-radius: 4px!important;
}
body.integrated-workbench .yjzb-host-card.template-applied::after {
  content: attr(data-template-id);
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 2px 7px;
  border-radius: 4px;
  background: #1689f2;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
@media (max-width: 980px) {
  .subtitle-template-panel { width: calc(100vw - 10px)!important; height: 430px!important; }
  .subtitle-template-list { grid-auto-columns: 168px!important; }
  .subtitle-template-card { width: 168px!important; flex-basis: 168px!important; }
}

.subtitle-template-list::-webkit-scrollbar { height: 0!important; width: 0!important; }


/* Subtitle preview card: show layout text by default, reveal choose button on hover. */
body.integrated-workbench .yjzb-host-card::before {
  content: "\6253\9020\5353\8d8a\7ec4\7ec7\6267\884c\79d8\8bc0\A \5982\4f55\9ad8\6548\7ba1\7406";
  white-space: pre-line;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 58px;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  line-height: 1.24;
  font-weight: 950;
  letter-spacing: -.4px;
  text-align: left;
  text-shadow: 0 2px 0 #000, 0 0 8px #000;
  pointer-events: none;
}
body.integrated-workbench .yjzb-host-card::after {
  content: "\6807\9898\9ed8\8ba4\6f14\793a\6587\6848";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 92px;
  z-index: 2;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  text-align: center;
  text-shadow: 0 2px 0 #000, 0 0 7px #000;
  pointer-events: none;
}
body.integrated-workbench .yjzb-host-card[data-template="yellow"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; color: #fff200; text-align: center; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; color: #fff; }
body.integrated-workbench .yjzb-host-card[data-template="greenbar"]::before { content: "\6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; top: 82px; color: #78ff7e; text-align: center; background: rgba(0,0,0,.72); padding: 3px 5px; }
body.integrated-workbench .yjzb-host-card[data-template="white"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; color: #f4f6fa; text-align: center; -webkit-text-stroke: .6px #111; }
body.integrated-workbench .yjzb-host-card[data-template="orange"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; color: #fff; text-align: center; -webkit-text-stroke: .6px #111; }
body.integrated-workbench .yjzb-host-card[data-template="stack"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; top: 42px; color: #fff; text-align: right; }
body.integrated-workbench .yjzb-host-card[data-template="red"]::before { content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053\A \6807\9898\9ed8\8ba4\6f14\793a\6587\6848"; color: #ff2525; text-align: center; -webkit-text-stroke: .6px #fff; }
body.integrated-workbench .yjzb-host-card.template-applied::after {
  content: "\5b57\5e55\00b7\4f20\64ad\5bb6\4e4b\9053"!important;
  left: 14px!important;
  right: 14px!important;
  bottom: 92px!important;
  padding: 0!important;
  border-radius: 0!important;
  background: transparent!important;
  color: #fff!important;
  font-size: 12px!important;
  text-align: center!important;
}
body.integrated-workbench #chooseTitleTemplateBtn {
  opacity: 0!important;
  transform: translateY(10px)!important;
  pointer-events: none!important;
  transition: opacity .16s ease, transform .16s ease!important;
  z-index: 5!important;
}
body.integrated-workbench .yjzb-host-card:hover #chooseTitleTemplateBtn,
body.integrated-workbench .yjzb-host-card:focus-within #chooseTitleTemplateBtn,
body.integrated-workbench #chooseTitleTemplateBtn:focus-visible {
  opacity: 1!important;
  transform: translateY(0)!important;
  pointer-events: auto!important;
}

/* Final workflow pass: keep the reference desktop layout, remove dead controls, and stack cleanly on narrow screens. */
body.integrated-workbench {
  overflow-x: hidden !important;
}

body.integrated-workbench .yjzb-top-icons,
body.integrated-workbench .side-tools,
body.integrated-workbench .mini-tools,
body.integrated-workbench #premiumPublishTitle,
body.integrated-workbench #premiumPublishTopics,
body.integrated-workbench #premiumEditTitleInput,
body.integrated-workbench #premiumEditSubtitleInput {
  display: none !important;
}

body.integrated-workbench .strict-board {
  grid-template-columns: minmax(350px, .94fr) minmax(430px, 1.08fr) minmax(380px, .98fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

body.integrated-workbench .strict-column,
body.integrated-workbench .strict-card {
  min-width: 0 !important;
}

body.integrated-workbench #extractedViralCopy,
body.integrated-workbench #premiumTextInput {
  min-height: 170px !important;
}

body.integrated-workbench #workbenchPolishStatus,
body.integrated-workbench #compactPublishStatus {
  display: block !important;
  margin-top: 8px !important;
  color: #8e9bb0 !important;
  line-height: 1.5 !important;
}

body.integrated-workbench .publish-upload-box .empty-cube video {
  width: 100% !important;
  height: 100% !important;
  max-height: 150px !important;
  object-fit: contain !important;
  background: #090b0f !important;
}

body.integrated-workbench .publish-mode-box #compactPublishTime {
  width: 100% !important;
  margin-top: 8px !important;
}

@media (max-width: 1250px) {
  body.integrated-workbench .strict-board {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
  }

  body.integrated-workbench .strict-column {
    display: contents !important;
  }

  body.integrated-workbench #homePanel { order: 1; }
  body.integrated-workbench #ipStyleClone { order: 2; }
  body.integrated-workbench #fullDriveDigital { order: 3; }
  body.integrated-workbench #oralDigitalVideo { order: 4; }
  body.integrated-workbench #workbenchPolishPanel { order: 5; }
  body.integrated-workbench #accountManage { order: 6; }
  body.integrated-workbench #videoLibrary { order: 7; }
}

@media (max-width: 760px) {
  body.integrated-workbench .side-nav {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    border-right: 0 !important;
    border-bottom: 1px solid #252b34 !important;
  }

  body.integrated-workbench .side-nav .brand {
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    min-height: 38px !important;
  }

  body.integrated-workbench .side-nav .brand small,
  body.integrated-workbench .side-footer {
    display: none !important;
  }

  body.integrated-workbench .side-nav nav {
    display: flex !important;
    gap: 4px !important;
    overflow-x: auto !important;
    padding: 0 !important;
    scrollbar-width: none !important;
  }

  body.integrated-workbench .side-nav nav a {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  body.integrated-workbench .side-nav nav a b,
  body.integrated-workbench .side-nav nav a i {
    display: none !important;
  }

  body.integrated-workbench .app-shell {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.integrated-workbench .workbench-topbar {
    position: relative !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 8px !important;
  }

  body.integrated-workbench .yjzb-real-command {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.integrated-workbench .yjzb-real-command input {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body.integrated-workbench .strict-board {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  body.integrated-workbench .strict-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px !important;
  }

  body.integrated-workbench .strict-head {
    min-width: 0 !important;
    gap: 8px !important;
  }

  body.integrated-workbench .strict-link-row,
  body.integrated-workbench .strict-inline,
  body.integrated-workbench .strict-actions,
  body.integrated-workbench .yjzb-voice-row {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  body.integrated-workbench #oralDigitalVideo .yjzb-avatar-stage {
    min-height: 230px !important;
    background-position: right -26px bottom !important;
    background-size: auto 205px !important;
  }

  body.integrated-workbench .yjzb-subtitle-body,
  body.integrated-workbench .strict-polish {
    grid-template-columns: 1fr !important;
  }

  body.integrated-workbench .strict-phone {
    min-height: 360px !important;
  }

  body.integrated-workbench .publish-account-dialog,
  body.integrated-workbench .benchmark-layer-panel,
  body.integrated-workbench .subtitle-template-dialog {
    width: calc(100vw - 20px) !important;
    max-width: none !important;
    max-height: calc(100vh - 20px) !important;
  }
}

/* Bright edge runner for active jobs, matching the reference cyan halo. */
body.integrated-workbench .strict-card.is-running {
  isolation: isolate !important;
  border-color: rgba(58, 220, 255, .52) !important;
  box-shadow: 0 0 0 1px rgba(28, 196, 255, .08), 0 0 18px rgba(18, 192, 255, .09) !important;
}

body.integrated-workbench .strict-card.is-running::before {
  inset: -1px !important;
  padding: 1px !important;
  background: conic-gradient(from var(--run-angle, 0deg), transparent 0 73%, rgba(41, 216, 255, .12) 78%, #42efff 84%, #4d8dff 88%, transparent 94% 100%) !important;
  filter: drop-shadow(0 0 4px rgba(45, 224, 255, .72)) !important;
  animation: strictRunBorder 1.9s linear infinite !important;
}

body.integrated-workbench .strict-card.is-running::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  inset: auto !important;
  width: 5px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 244, 255, 0), #4cf4ff 42%, #3fb4ff 64%, rgba(63, 180, 255, 0)) !important;
  box-shadow: 0 0 5px #4cf4ff, 0 0 12px rgba(38, 219, 255, .95), 0 0 24px rgba(38, 156, 255, .72) !important;
  filter: blur(.2px) !important;
  offset-path: inset(1px round 6px) !important;
  offset-distance: 0%;
  offset-rotate: auto 90deg !important;
  pointer-events: none !important;
  animation: strictEdgeRunner 2.35s linear infinite !important;
}

@keyframes strictEdgeRunner {
  0% { offset-distance: 0%; }
  100% { offset-distance: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  body.integrated-workbench .strict-card.is-running::before {
    animation: none !important;
  }
  body.integrated-workbench .strict-card.is-running::after {
    display: none !important;
  }
}
body.integrated-workbench .yjzb-host-card:hover::before,
body.integrated-workbench .yjzb-host-card:focus-within::before,
body.integrated-workbench .yjzb-host-card:hover::after,
body.integrated-workbench .yjzb-host-card:focus-within::after {
  opacity: .55!important;
}

body.integrated-workbench .side-footer .side-tools,
body.integrated-workbench #ipStyleClone .strict-check,
body.integrated-workbench .yjzb-top-icons,
body.integrated-workbench .strict-controls .mini-tools,
body.integrated-workbench #textAnimBtn,
body.integrated-workbench #voiceVersionBtn {
  display: none !important;
}

body.integrated-workbench .yjzb-voice-row {
  grid-template-columns: minmax(0, 1fr) 110px !important;
}

body.integrated-workbench .strict-suggestions[hidden] {
  display: none !important;
}

body.integrated-workbench .mobile-workbench-brand {
  display: none !important;
}

/* Keep the account entry visible after the compact-workbench rules hide utility icons. */
body.integrated-workbench .yjzb-top-icons {
  display: flex !important;
  align-items: center !important;
}
body.integrated-workbench .yjzb-top-icons button:not(.top-login-btn) {
  display: none !important;
}
body.integrated-workbench .yjzb-top-icons .top-login-btn {
  display: inline-flex !important;
  width: auto !important;
  min-width: 64px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 13px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 13px !important;
}

/* The compact sidebar cannot fit both parts of the brand on one line. */
body.integrated-workbench .yjzb-real-brand {
  height: 58px !important;
  min-height: 58px !important;
  padding-bottom: 7px !important;
}
body.integrated-workbench .yjzb-real-brand > div {
  min-width: 0 !important;
  gap: 1px !important;
}
body.integrated-workbench .yjzb-real-brand strong {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  line-height: 1.05 !important;
}
body.integrated-workbench .yjzb-real-brand strong b {
  font-size: 12px !important;
  white-space: nowrap !important;
}
body.integrated-workbench .yjzb-real-brand strong i {
  font-size: 9px !important;
  white-space: nowrap !important;
}
body.integrated-workbench .yjzb-real-brand > div > em { font-size: 6px !important; }
body.integrated-workbench .yjzb-real-brand small { font-size: 7px !important; }

/* Voice center v43: system library and personal clone workflow. */
body.integrated-workbench .voice-simple-studio {
  width: min(1080px, calc(100vw - 36px));
  max-height: min(790px, calc(100vh - 28px));
  overflow: auto;
  border: 1px solid #31404f;
  border-radius: 8px;
  background: #0d1116;
  color: #edf6ff;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .78);
}

body.integrated-workbench .voice-simple-head {
  position: sticky;
  top: 0;
  z-index: 8;
  height: 88px;
  padding: 16px 22px;
  border-bottom: 1px solid #27323d;
  background: linear-gradient(110deg, #132536 0%, #111820 42%, #0d1116 100%);
}

body.integrated-workbench .voice-simple-head p,
body.integrated-workbench .voice-section-head span,
body.integrated-workbench .voice-clone-heading span {
  margin: 0 0 4px;
  color: #39baff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 1.4px;
}

body.integrated-workbench .voice-simple-head h2 {
  margin: 0 0 5px;
  font-size: 22px;
  letter-spacing: 0;
}

body.integrated-workbench .voice-simple-head > div > span {
  color: #9eb0c1;
  font-size: 12px;
}

body.integrated-workbench .voice-simple-close {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid #42505e;
  border-radius: 5px;
  background: #111820;
  color: #dce8f2;
}

body.integrated-workbench .voice-simple-body {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 0;
  padding: 0;
}

body.integrated-workbench .voice-library-panel {
  padding: 18px;
  border-right: 1px solid #27323d;
  background: #10151b;
}

body.integrated-workbench .voice-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.integrated-workbench .voice-section-head div {
  display: grid;
}

body.integrated-workbench .voice-section-head strong {
  color: #f4f8fc;
  font-size: 15px;
}

body.integrated-workbench .voice-section-head > small {
  color: #7f91a4;
  font-size: 10px;
}

body.integrated-workbench .voice-simple-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

body.integrated-workbench .voice-preset-card {
  position: relative;
  min-width: 0;
  height: 58px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border: 1px solid #2d3945;
  border-radius: 6px;
  background: #151b22;
  color: #eaf3fb;
  text-align: left;
}

body.integrated-workbench .voice-preset-card:hover {
  border-color: #476177;
  background: #18222c;
}

body.integrated-workbench .voice-preset-card.active {
  border-color: #1fa9ff;
  background: linear-gradient(100deg, rgba(20, 137, 210, .2), #15202a 70%);
  box-shadow: inset 3px 0 #22c7ff, 0 0 0 1px rgba(35, 193, 255, .12);
}

body.integrated-workbench .voice-preset-orb {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  background: linear-gradient(145deg, #19557b, #0c283d);
}

body.integrated-workbench .voice-preset-card[data-tone="green"] .voice-preset-orb,
body.integrated-workbench .voice-preset-card[data-tone="teal"] .voice-preset-orb { background: linear-gradient(145deg, #178373, #0c3b43); }
body.integrated-workbench .voice-preset-card[data-tone="coral"] .voice-preset-orb,
body.integrated-workbench .voice-preset-card[data-tone="rose"] .voice-preset-orb { background: linear-gradient(145deg, #b95162, #592733); }
body.integrated-workbench .voice-preset-card[data-tone="pink"] .voice-preset-orb { background: linear-gradient(145deg, #cf5b9c, #54234f); }
body.integrated-workbench .voice-preset-card[data-tone="steel"] .voice-preset-orb { background: linear-gradient(145deg, #718398, #303c49); }
body.integrated-workbench .voice-preset-card[data-tone="aqua"] .voice-preset-orb { background: linear-gradient(145deg, #18aaba, #134557); }

body.integrated-workbench .voice-preset-orb i {
  width: 2px;
  height: 12px;
  border-radius: 2px;
  background: #e8f8ff;
}

body.integrated-workbench .voice-preset-orb i:nth-child(2) { height: 19px; }
body.integrated-workbench .voice-preset-orb i:nth-child(3) { height: 8px; }

body.integrated-workbench .voice-preset-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body.integrated-workbench .voice-preset-copy b {
  overflow: hidden;
  color: #f4f8fc;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.integrated-workbench .voice-preset-copy small {
  color: #8395a8;
  font-size: 9px;
}

body.integrated-workbench .voice-preset-play {
  color: #65cfff;
  font-size: 11px;
  text-align: center;
}

body.integrated-workbench .voice-preset-readout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #27323d;
}

body.integrated-workbench .voice-preset-readout > div {
  display: grid;
  gap: 2px;
}

body.integrated-workbench .voice-preset-readout small { color: #7e91a4; font-size: 9px; }
body.integrated-workbench .voice-preset-readout b { color: #fff; font-size: 13px; }
body.integrated-workbench #useSystemVoiceBtn { min-width: 112px; min-height: 34px; }

body.integrated-workbench .voice-clone-workspace {
  min-width: 0;
  padding: 18px;
  background: #0d1116;
}

body.integrated-workbench .voice-clone-heading {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #245676;
  border-radius: 7px;
  background: linear-gradient(105deg, rgba(16, 128, 190, .2), rgba(14, 27, 37, .86) 56%, #11171d);
}

body.integrated-workbench .voice-clone-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1aa9f2;
  box-shadow: 0 0 18px rgba(26, 169, 242, .3);
  color: #06131c;
  font-size: 10px;
  font-weight: 950;
}

body.integrated-workbench .voice-clone-heading h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 17px;
}

body.integrated-workbench .voice-clone-heading p {
  margin: 0;
  color: #9eb0c1;
  font-size: 10px;
}

body.integrated-workbench .voice-clone-heading em {
  padding: 4px 7px;
  border: 1px solid #2b6c91;
  border-radius: 4px;
  color: #54caff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

body.integrated-workbench .voice-clone-name {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

body.integrated-workbench .voice-clone-name > span { display: grid; gap: 3px; }
body.integrated-workbench .voice-clone-name b { color: #eff7ff; font-size: 13px; }
body.integrated-workbench .voice-clone-name small { color: #788b9f; font-size: 9px; }
body.integrated-workbench .voice-clone-name .voice-name-row { height: 38px; margin: 0; }
body.integrated-workbench .voice-clone-name input { height: 38px; min-height: 38px; border-color: #364656; background: #0a0e12; }
body.integrated-workbench .voice-clone-name .voice-name-row span { top: 10px; color: #75889a; }

body.integrated-workbench .voice-source-section {
  padding: 13px;
  border: 1px solid #2c3946;
  border-radius: 7px;
  background: #12171d;
}

body.integrated-workbench .voice-source-section.need-file {
  border-color: #f0a13d;
  box-shadow: 0 0 0 2px rgba(240, 161, 61, .15);
}

body.integrated-workbench .voice-source-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-bottom: 10px;
  padding: 4px;
  border-radius: 5px;
  background: #090c10;
}

body.integrated-workbench .voice-source-tabs button {
  min-height: 32px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #91a4b7;
  font-size: 11px;
  font-weight: 900;
}

body.integrated-workbench .voice-source-tabs button.active {
  background: #178fe0;
  color: #fff;
  box-shadow: 0 4px 14px rgba(23, 143, 224, .22);
}

body.integrated-workbench .voice-source-panel[hidden] { display: none; }

body.integrated-workbench .voice-source-upload {
  width: 100%;
  min-height: 86px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px dashed #3e5265;
  border-radius: 6px;
  background: #0c1116;
  color: #eaf5ff;
  text-align: left;
}

body.integrated-workbench .voice-source-upload:hover { border-color: #21a9f5; background: #0f1820; }
body.integrated-workbench .voice-source-upload > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 5px; background: #17364a; color: #4bc7ff; font-size: 22px; }
body.integrated-workbench .voice-source-upload > div { min-width: 0; display: grid; gap: 5px; }
body.integrated-workbench .voice-source-upload b { font-size: 13px; }
body.integrated-workbench .voice-source-upload small { color: #8498aa; font-size: 10px; }
body.integrated-workbench .voice-source-upload em { padding: 7px 10px; border: 1px solid #32698a; border-radius: 4px; color: #63ceff; font-size: 10px; font-style: normal; font-weight: 900; }

body.integrated-workbench .voice-record-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 10px;
}

body.integrated-workbench .voice-read-copy {
  padding: 10px;
  border: 1px solid #2c3946;
  border-radius: 5px;
  background: #0b0f14;
}

body.integrated-workbench .voice-read-copy > div { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
body.integrated-workbench .voice-read-copy b { color: #cfe9fa; font-size: 11px; }
body.integrated-workbench .voice-read-copy span { color: #72879a; font-size: 9px; }
body.integrated-workbench .voice-read-copy textarea { width: 100%; min-height: 74px; padding: 8px; resize: none; border: 0; background: transparent; color: #eef7ff; font-size: 12px; line-height: 1.65; }

body.integrated-workbench .voice-record-control {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  border: 1px solid #2c3946;
  border-radius: 5px;
  background: #0b1015;
}

body.integrated-workbench #cloneRecordBtn {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #2b9bd8;
  border-radius: 5px;
  background: #112b3a;
  color: #e7f8ff;
}

body.integrated-workbench #cloneRecordBtn > span { width: 10px; height: 10px; border-radius: 50%; background: #ff4f5f; box-shadow: 0 0 0 4px rgba(255, 79, 95, .12); }
body.integrated-workbench #cloneRecordBtn.recording { border-color: #ff5967; background: #3a171c; }
body.integrated-workbench #cloneRecordBtn.recording > span { border-radius: 2px; animation: voiceRecordPulse 1s ease-in-out infinite; }
body.integrated-workbench #voiceRecordTimer { color: #8ca2b5; font-size: 11px; }

body.integrated-workbench .voice-record-wave { height: 18px; display: flex; align-items: center; gap: 3px; }
body.integrated-workbench .voice-record-wave i { width: 2px; height: 5px; border-radius: 2px; background: #36bbf6; }
body.integrated-workbench #cloneRecordBtn.recording + .voice-record-wave i { animation: voiceWave .75s ease-in-out infinite alternate; }
body.integrated-workbench #cloneRecordBtn.recording + .voice-record-wave i:nth-child(2n) { animation-delay: .2s; }
body.integrated-workbench #cloneRecordBtn.recording + .voice-record-wave i:nth-child(3n) { animation-delay: .4s; }

@keyframes voiceRecordPulse { 50% { opacity: .45; } }
@keyframes voiceWave { to { height: 17px; } }

body.integrated-workbench .voice-file-ready {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 9px 11px;
  border: 1px solid #293642;
  border-radius: 5px;
  background: #0e1318;
}

body.integrated-workbench .voice-file-ready > span { padding: 4px 6px; border-radius: 3px; background: #25313c; color: #9fb1c2; font-size: 9px; font-weight: 900; }
body.integrated-workbench .voice-file-ready > div { min-width: 0; display: grid; gap: 2px; }
body.integrated-workbench .voice-file-ready b { overflow: hidden; color: #dce8f3; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
body.integrated-workbench .voice-file-ready small { color: #75899c; font-size: 9px; }
body.integrated-workbench .voice-file-ready.ready { border-color: #207f9e; background: rgba(16, 91, 114, .13); }
body.integrated-workbench .voice-file-ready.ready > span { background: #0d7890; color: #e9fcff; }

body.integrated-workbench .voice-clone-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

body.integrated-workbench .voice-clone-progress-card,
body.integrated-workbench .voice-clone-output {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid #2a3743;
  border-radius: 5px;
  background: #10151a;
}

body.integrated-workbench .voice-clone-progress-card > div:first-child { display: flex; justify-content: space-between; gap: 8px; }
body.integrated-workbench .voice-clone-progress-card b,
body.integrated-workbench .voice-clone-output strong { color: #f3f8fc; font-size: 11px; }
body.integrated-workbench .voice-clone-progress-card small,
body.integrated-workbench .voice-clone-output span { color: #8094a6; font-size: 9px; }
body.integrated-workbench .voice-clone-progress { display: grid; grid-template-columns: 1fr 34px; align-items: center; gap: 8px; margin: 0; }
body.integrated-workbench .voice-clone-progress > div { height: 6px; border-radius: 4px; background: #070a0d; overflow: hidden; }
body.integrated-workbench .voice-clone-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #159bf0, #25d7e7); }
body.integrated-workbench .voice-clone-progress > span { color: #75cfff; font-size: 10px; text-align: right; }
body.integrated-workbench .voice-clone-output audio { width: 100%; height: 30px; }
body.integrated-workbench .voice-clone-output.ready { border-color: #2384a8; background: rgba(20, 103, 134, .14); }
body.integrated-workbench .voice-clone-output .voice-confirm-use {
  width:100%!important;
  min-height:34px!important;
  margin-top:2px!important;
  border-radius:6px!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.integrated-workbench #compactPublishPreview .empty-cube { width:min(100%,300px)!important;height:auto!important; }
body.integrated-workbench #compactPublishPreview .compact-publish-video { position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border:1px solid #3d4650!important;border-radius:5px!important;background:#080a0d!important; }
body.integrated-workbench #compactPublishPreview .compact-publish-video video { width:100%!important;height:100%!important;max-height:none!important;display:block!important;object-fit:contain!important;background:#080a0d!important;border:0!important;border-radius:0!important; }
body.integrated-workbench #compactPublishPreview .compact-publish-video > button { position:absolute!important;top:7px!important;right:7px!important;z-index:3!important;width:29px!important;height:29px!important;padding:0!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:4px!important;background:rgba(8,12,17,.76)!important;color:#fff!important;font-size:17px!important;line-height:27px!important;cursor:pointer!important;backdrop-filter:blur(5px)!important; }
body.integrated-workbench #compactPublishPreview .compact-publish-video > button:hover { border-color:#51b4ff!important;background:#168cff!important; }
body.integrated-workbench .voice-v44-footer .voice-footer-confirm {
  min-width:168px!important;
  min-height:36px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#0f8cff,#16c8da)!important;
  box-shadow:0 10px 28px rgba(19,156,220,.28)!important;
  font-size:13px!important;
  font-weight:950!important;
}

body.integrated-workbench .voice-simple-footer {
  position: sticky;
  bottom: 0;
  z-index: 8;
  height: 58px;
  padding: 0 18px;
  border-top: 1px solid #27323d;
  background: #10151a;
}

body.integrated-workbench .voice-simple-footer label { color: #9cafc0; font-size: 11px; }
body.integrated-workbench .voice-simple-footer input[type="checkbox"] { width: 16px; height: 16px; min-height: 16px; margin: 0; accent-color: #1ba9f2; }

.biometric-consent { margin: 10px 0; padding: 10px 12px; border: 1px solid #c9d8e6; border-radius: 6px; background: #f7fafc; color: #24384a; font-size: 12px; line-height: 1.55; }
.biometric-consent label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.biometric-consent input[type="checkbox"] { flex: 0 0 17px; width: 17px; height: 17px; min-height: 17px; margin: 1px 0 0; accent-color: #087cc4; }
.biometric-consent details { margin: 6px 0 0 25px; }
.biometric-consent summary { color: #0871b3; cursor: pointer; }
.biometric-consent p { margin: 6px 0 0; color: #5c6f80; }
.biometric-consent .consent-terms { margin: 8px 0 0; padding: 10px 12px; border-left: 3px solid #1597dc; background: rgba(21, 151, 220, .06); }
.biometric-consent .consent-terms h4 { margin: 0; color: #19364d; font-size: 13px; }
.biometric-consent .consent-terms > p { margin: 4px 0 8px; color: #617587; font-size: 11px; }
.biometric-consent .consent-terms ol { margin: 0; padding-left: 18px; }
.biometric-consent .consent-terms li { margin: 0 0 7px; color: #425a6c; }
.biometric-consent .consent-terms li:last-child { margin-bottom: 0; }
.biometric-consent .consent-terms b { color: #213b50; }
.biometric-consent.compact { margin: 8px 0; padding: 8px 10px; }
.voice-simple-footer .biometric-consent { flex: 1; margin: 0; background: rgba(10, 26, 40, .72); border-color: #314b60; color: #dce8f1; }
.voice-simple-footer .biometric-consent p { color: #9cafc0; }
.voice-simple-footer .biometric-consent .consent-terms { background: rgba(75, 139, 181, .12); border-left-color: #45baf5; }
.voice-simple-footer .biometric-consent .consent-terms h4,
.voice-simple-footer .biometric-consent .consent-terms b { color: #e5f1f8; }
.voice-simple-footer .biometric-consent .consent-terms > p,
.voice-simple-footer .biometric-consent .consent-terms li { color: #b5c9d8; }

@media (max-width: 720px) {
  .biometric-consent { font-size: 11px; }
  .biometric-consent details { margin-left: 0; }
}
body.integrated-workbench .voice-simple-footer button { min-width: 92px; min-height: 34px; }
body.integrated-workbench #cloneLayerStartBtn { min-width: 148px; }

@media (max-width: 860px) {
  body.integrated-workbench .voice-simple-studio { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  body.integrated-workbench .voice-simple-body { grid-template-columns: 1fr; }
  body.integrated-workbench .voice-library-panel { border-right: 0; border-bottom: 1px solid #27323d; }
  body.integrated-workbench .voice-clone-workspace { padding: 14px; }
}

@media (max-width: 520px) {
  body.integrated-workbench .voice-simple-head { height: auto; min-height: 82px; padding: 13px; }
  body.integrated-workbench .voice-simple-head > div > span { display: none; }
  body.integrated-workbench .voice-library-panel { padding: 13px; }
  body.integrated-workbench .voice-simple-presets { grid-template-columns: 1fr 1fr; gap: 5px; }
  body.integrated-workbench .voice-preset-card { grid-template-columns: 30px minmax(0, 1fr); height: 54px; padding: 6px; }
  body.integrated-workbench .voice-preset-orb { width: 28px; height: 28px; }
  body.integrated-workbench .voice-preset-play { display: none; }
  body.integrated-workbench .voice-clone-heading { grid-template-columns: 40px minmax(0, 1fr); }
  body.integrated-workbench .voice-clone-heading em { display: none; }
  body.integrated-workbench .voice-clone-name { grid-template-columns: 1fr; gap: 7px; }
  body.integrated-workbench .voice-source-upload { grid-template-columns: 34px minmax(0, 1fr); }
  body.integrated-workbench .voice-source-upload em { display: none; }
  body.integrated-workbench .voice-record-panel { grid-template-columns: 1fr; }
  body.integrated-workbench .voice-record-control { min-height: 96px; }
  body.integrated-workbench .voice-clone-result-grid { grid-template-columns: 1fr; }
  body.integrated-workbench .voice-simple-footer { height: auto; min-height: 92px; padding: 10px 13px; align-items: stretch; }
  body.integrated-workbench .voice-simple-footer label { width: 100%; }
  body.integrated-workbench .voice-simple-footer > div { width: 100%; }
  body.integrated-workbench .voice-simple-footer button { flex: 1; }
}

@media (max-width: 760px) {
  body.integrated-workbench .side-nav {
    display: none !important;
  }

  body.integrated-workbench .app-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.integrated-workbench .yjzb-real-topbar {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.integrated-workbench .mobile-workbench-brand {
    display: none !important;
  }

  body.integrated-workbench .yjzb-real-command {
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.integrated-workbench .yjzb-real-command #viralPasteBtn,
  body.integrated-workbench .yjzb-real-command #viralRunBtn {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 6px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body.integrated-workbench .strict-column,
  body.integrated-workbench .strict-card,
  body.integrated-workbench #homePanel,
  body.integrated-workbench #ipStyleClone,
  body.integrated-workbench #fullDriveDigital,
  body.integrated-workbench #oralDigitalVideo,
  body.integrated-workbench #workbenchPolishPanel,
  body.integrated-workbench #accountManage,
  body.integrated-workbench #videoLibrary {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.integrated-workbench .strict-column {
    display: contents !important;
  }

  body.integrated-workbench #extractedViralCopy,
  body.integrated-workbench #premiumTextInput {
    min-height: 150px !important;
  }
}

/* Voice center v44: cleaner split between system voices and custom voice cloning. */
body.integrated-workbench .voice-v44-studio {
  width: min(1180px, calc(100vw - 28px));
  border: 1px solid rgba(78, 139, 173, .45);
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% -10%, rgba(44, 155, 226, .24), transparent 34%),
    radial-gradient(circle at 95% 8%, rgba(255, 142, 55, .12), transparent 28%),
    #0b1117;
  overflow: hidden auto;
}
body.integrated-workbench .voice-v44-head {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: linear-gradient(120deg, rgba(13, 39, 61, .98), rgba(10, 16, 23, .96));
}
body.integrated-workbench .voice-v44-head h2 { font-size: 26px; letter-spacing: .5px; }
body.integrated-workbench .voice-v44-body { grid-template-columns: 360px minmax(0, 1fr); gap: 0; }
body.integrated-workbench .voice-v44-library {
  background: linear-gradient(180deg, rgba(14, 24, 34, .98), rgba(9, 14, 20, .98));
  padding: 20px;
}
body.integrated-workbench .voice-v44-library .voice-simple-presets { gap: 9px; }
body.integrated-workbench .voice-v44-library .voice-preset-card {
  height: 64px;
  border-radius: 14px;
  background: rgba(22, 31, 41, .82);
  border-color: rgba(83, 106, 128, .5);
}
body.integrated-workbench .voice-v44-library .voice-preset-card.active {
  background: linear-gradient(115deg, rgba(28, 154, 235, .28), rgba(16, 29, 41, .94));
  border-color: #3bbdff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255,255,255,.04);
}
body.integrated-workbench .voice-v44-library .voice-preset-play {
  width: 34px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(94, 203, 255, .35);
  border-radius: 999px;
  color: #8ddeff;
  font-size: 9px;
}
body.integrated-workbench .voice-library-note {
  margin: 14px 0 0;
  padding: 12px;
  border: 1px solid rgba(80, 104, 126, .42);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  color: #8da2b5;
  font-size: 11px;
  line-height: 1.6;
}
body.integrated-workbench .voice-v44-clone { padding: 20px; background: transparent; }
body.integrated-workbench .voice-v44-clone .voice-clone-heading {
  border-radius: 18px;
  border-color: rgba(46, 163, 226, .5);
  background: linear-gradient(120deg, rgba(20, 112, 159, .26), rgba(12, 20, 28, .94) 58%), linear-gradient(90deg, rgba(255,255,255,.06), transparent);
}
body.integrated-workbench .voice-v44-clone .voice-clone-mark {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: linear-gradient(145deg, #20b5ff, #1f7df1);
  font-size: 9px;
}
body.integrated-workbench .voice-v44-formbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 178px;
  gap: 12px;
  margin-bottom: 14px;
}
body.integrated-workbench .voice-v44-formbar .voice-clone-name { margin: 0; }
body.integrated-workbench .voice-v44-tag {
  display: grid;
  gap: 6px;
  color: #dce9f5;
  font-size: 12px;
  font-weight: 900;
}
body.integrated-workbench .voice-v44-tag select {
  height: 38px;
  border: 1px solid #364656;
  border-radius: 10px;
  background: #0a0e12;
  color: #ecf7ff;
  padding: 0 10px;
}
body.integrated-workbench .voice-v44-source {
  border-radius: 18px;
  background: rgba(14, 22, 30, .82);
  border-color: rgba(69, 91, 112, .58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
body.integrated-workbench .voice-v44-source .voice-source-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 14px;
  padding: 5px;
  background: #070c12;
}
body.integrated-workbench .voice-v44-source .voice-source-tabs button { border-radius: 10px; min-height: 38px; }
body.integrated-workbench .voice-v44-source .voice-source-tabs button.active { background: linear-gradient(135deg, #1f9cff, #20c1d8); }
body.integrated-workbench .voice-v44-source .voice-source-upload {
  min-height: 112px;
  border-radius: 16px;
  border-color: rgba(83, 124, 152, .78);
  background: linear-gradient(135deg, rgba(12, 20, 28, .94), rgba(18, 35, 47, .86));
}
body.integrated-workbench .voice-v44-source .voice-source-upload > span {
  border-radius: 14px;
  background: linear-gradient(145deg, #1d86ff, #24c8d6);
  color: #041018;
  font-size: 11px;
  font-weight: 950;
}
body.integrated-workbench .voice-v44-source .voice-source-upload em { border-radius: 999px; }
body.integrated-workbench .voice-v44-source .voice-record-panel { grid-template-columns: minmax(0, 1fr) 190px; }
body.integrated-workbench .voice-v44-source .voice-read-copy,
body.integrated-workbench .voice-v44-source .voice-record-control,
body.integrated-workbench .voice-v44-bottom .voice-file-ready,
body.integrated-workbench .voice-v44-bottom .voice-clone-progress-card,
body.integrated-workbench .voice-v44-bottom .voice-clone-output {
  border-radius: 16px;
  background: rgba(8, 13, 19, .78);
}
body.integrated-workbench .voice-v44-source .voice-read-copy textarea { min-height: 112px; font-size: 13px; }
body.integrated-workbench .voice-v44-bottom { margin-top: 12px; }
body.integrated-workbench .voice-v44-bottom .voice-file-ready { padding: 12px 14px; }
body.integrated-workbench .voice-v44-bottom .voice-clone-result-grid { grid-template-columns: .9fr 1.1fr; }
body.integrated-workbench .voice-v44-footer {
  height: 64px;
  background: rgba(11, 17, 23, .96);
  backdrop-filter: blur(12px);
}
body.integrated-workbench .voice-v44-footer label { color: #b4c5d3; }
body.integrated-workbench .voice-v44-footer #cloneLayerStartBtn {
  min-width: 168px;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(31, 156, 255, .22);
}
@media (max-width: 900px) {
  body.integrated-workbench .voice-v44-body,
  body.integrated-workbench .voice-v44-formbar,
  body.integrated-workbench .voice-v44-source .voice-record-panel,
  body.integrated-workbench .voice-v44-bottom .voice-clone-result-grid { grid-template-columns: 1fr; }
  body.integrated-workbench .voice-v44-library { border-right: 0; border-bottom: 1px solid #27323d; }
}
/* Polish editor v45: match reference two-column fine-tuning structure. */
body.integrated-workbench #workbenchPolishPanel.polish-v45-card {
  padding: 8px 8px 56px!important;
  background: #0c0f14!important;
  border-color: #26313d!important;
  overflow: hidden!important;
}
body.integrated-workbench .polish-v45-head { padding: 6px 6px 8px!important; }
body.integrated-workbench .polish-v45-head > b { color:#2d83ff!important; font-size:20px!important; }
body.integrated-workbench .polish-v45-workbench { display:grid!important; grid-template-columns: 242px minmax(0,1fr)!important; gap:10px!important; }
body.integrated-workbench .polish-v45-left { min-width:0!important; display:grid!important; grid-template-rows:auto 34px 1fr!important; gap:8px!important; }
body.integrated-workbench .polish-v45-layer-title { display:grid!important; gap:2px!important; color:#e7edf7!important; font-size:12px!important; }
body.integrated-workbench .polish-v45-layer-title small { color:#7d8794!important; font-size:10px!important; }
body.integrated-workbench .polish-v45-tools { justify-self:end!important; display:flex!important; gap:9px!important; margin-top:-28px!important; }
body.integrated-workbench .polish-v45-tools button { width:32px!important; height:32px!important; border:0!important; background:transparent!important; color:#fff!important; display:grid!important; place-items:center!important; gap:0!important; font-size:10px!important; font-weight:900!important; }
body.integrated-workbench .polish-v45-tools i { width:17px!important; height:17px!important; display:grid!important; place-items:center!important; border:1px solid #fff!important; font-style:normal!important; font-size:10px!important; }
body.integrated-workbench .polish-v45-tools button.active i { border-color:#2d9fff!important; color:#64c7ff!important; }
body.integrated-workbench .polish-v45-phone {
  position:relative!important; width:236px!important; height:426px!important; min-height:426px!important; border-radius:4px!important; overflow:hidden!important;
  background-color:#15191f!important;
  background-image: linear-gradient(45deg,#20252d 25%,transparent 25%),linear-gradient(-45deg,#20252d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#20252d 75%),linear-gradient(-45deg,transparent 75%,#20252d 75%)!important;
  background-size:18px 18px!important; background-position:0 0,0 9px,9px -9px,-9px 0!important;
  border:0!important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
body.integrated-workbench .polish-title-box { position:absolute!important; top:74px!important; left:16px!important; right:16px!important; min-height:58px!important; padding:2px 5px!important; border:2px solid #ff3b10!important; color:#fff!important; text-align:center!important; font-size:var(--polish-title-size,25px)!important; font-weight:950!important; line-height:1.15!important; background:linear-gradient(90deg,#d73314,#ff6a1d)!important; }
body.integrated-workbench .polish-title-box::before, body.integrated-workbench .polish-title-box::after { content:""; position:absolute; width:7px; height:7px; background:#ff8a00; }
body.integrated-workbench .polish-title-box::before { right:-4px; top:-4px; } body.integrated-workbench .polish-title-box::after { right:-4px; bottom:-4px; }
body.integrated-workbench .polish-title-box .polish-badge { position:absolute!important; left:-2px!important; bottom:-16px!important; padding:2px 4px!important; background:#ff3c18!important; color:#fff!important; font-size:9px!important; line-height:1!important; }
body.integrated-workbench .polish-title-box b { display:block!important; color:inherit!important; font-size:inherit!important; white-space:normal!important; }
body.integrated-workbench .polish-title-box em { display:block!important; color:#9ee3ff!important; font-style:normal!important; font-size:1.08em!important; text-shadow:0 2px 0 #0b2530!important; }
body.integrated-workbench .polish-title-box.polish-nowrap b, body.integrated-workbench .polish-title-box.polish-nowrap em { white-space:nowrap!important; transform:scaleX(.86)!important; transform-origin:center!important; }
body.integrated-workbench .polish-title-box.polish-heavy { font-weight:1000!important; }
body.integrated-workbench .polish-title-box.polish-italic { font-style:italic!important; }
body.integrated-workbench .polish-title-box.polish-underline { text-decoration:underline!important; }
body.integrated-workbench .polish-v45-phone #phoneSubtitlePreview { position:absolute!important; left:0!important; right:0!important; bottom:128px!important; color:#fff!important; text-align:center!important; font-size:14px!important; font-weight:950!important; text-shadow:0 2px 2px #000!important; background:transparent!important; }
body.integrated-workbench .polish-v45-social { position:absolute!important; right:11px!important; bottom:74px!important; display:grid!important; gap:9px!important; justify-items:center!important; color:#fff!important; }
body.integrated-workbench .polish-v45-social i { display:grid!important; place-items:center!important; font-style:normal!important; font-size:20px!important; line-height:1!important; }
body.integrated-workbench .polish-v45-social small { display:block!important; color:#dce3ec!important; font-size:7px!important; font-weight:800!important; }
body.integrated-workbench .polish-v45-copy { position:absolute!important; left:11px!important; right:42px!important; bottom:18px!important; margin:0!important; color:#aeb8c5!important; font-size:9px!important; line-height:1.5!important; text-align:left!important; }
body.integrated-workbench .polish-v45-right { min-width:0!important; background:#050608!important; border-left:1px solid #222832!important; padding:10px!important; }
body.integrated-workbench .polish-v45-panel-head { height:34px!important; display:flex!important; align-items:center!important; gap:8px!important; border-bottom:1px solid #343a43!important; color:#fff!important; font-size:13px!important; font-weight:950!important; }
body.integrated-workbench .polish-v45-data { width:100%!important; height:54px!important; margin:16px 0!important; border:0!important; border-radius:3px!important; background:#333!important; color:#fff!important; font-weight:950!important; }
body.integrated-workbench .polish-v45-fontbar { display:grid!important; grid-template-columns:1fr 34px 34px!important; gap:10px!important; margin-bottom:14px!important; }
body.integrated-workbench .polish-v45-fontbar button { height:30px!important; border:1px solid #4d5867!important; border-radius:4px!important; background:#111!important; color:#fff!important; font-weight:900!important; }
body.integrated-workbench .polish-color { background:#fff!important; box-shadow:inset 0 0 0 4px #111!important; }
body.integrated-workbench .polish-color.red { color:#ff3434!important; background:#111!important; font-size:18px!important; }
body.integrated-workbench .polish-color.active { outline:2px solid #2a9bff!important; }
body.integrated-workbench .polish-v45-iconbar { display:grid!important; grid-template-columns:repeat(6,30px)!important; gap:8px!important; margin-bottom:12px!important; }
body.integrated-workbench .polish-v45-iconbar button { height:30px!important; border:1px solid #3d4652!important; border-radius:4px!important; background:#101216!important; color:#fff!important; font-weight:950!important; }
body.integrated-workbench .polish-v45-sliders { display:grid!important; gap:8px!important; }
body.integrated-workbench .polish-v45-sliders label, body.integrated-workbench .polish-v45-show { display:grid!important; grid-template-columns:40px 1fr!important; align-items:center!important; gap:7px!important; color:#fff!important; font-size:12px!important; font-weight:950!important; }
body.integrated-workbench .polish-v45-sliders label > div { display:grid!important; grid-template-columns:1fr 21px 32px 21px!important; align-items:center!important; gap:3px!important; }
body.integrated-workbench .polish-v45-sliders input, body.integrated-workbench .polish-v45-show input { width:100%!important; accent-color:#2f9dff!important; }
body.integrated-workbench .polish-v45-sliders button { height:20px!important; border:1px solid #3b424d!important; background:#1c1f25!important; color:#d8e4f2!important; border-radius:3px!important; }
body.integrated-workbench .polish-v45-sliders output { height:20px!important; display:grid!important; place-items:center!important; background:#1c1f25!important; border:1px solid #3b424d!important; color:#fff!important; font-size:10px!important; }
body.integrated-workbench .polish-v45-row { display:flex!important; align-items:center!important; gap:12px!important; margin:10px 0!important; color:#fff!important; font-size:12px!important; }
body.integrated-workbench .polish-v45-row label { display:flex!important; align-items:center!important; gap:5px!important; color:#dbe7f4!important; font-weight:500!important; }
body.integrated-workbench .polish-v45-tip { margin:8px 0 10px!important; color:#258bff!important; font-size:10px!important; line-height:1.35!important; }
body.integrated-workbench .polish-v45-anim { width:100%!important; min-height:32px!important; border-color:#555!important; color:#fff!important; }
body.integrated-workbench .polish-v45-actions { position:absolute!important; right:10px!important; bottom:8px!important; display:flex!important; justify-content:flex-end!important; gap:10px!important; }
body.integrated-workbench .polish-v45-actions .primary-btn { min-width:72px!important; height:32px!important; min-height:32px!important; border-radius:4px!important; background:linear-gradient(135deg,#486dff,#8b27ff)!important; }
@media (max-width: 760px) { body.integrated-workbench .polish-v45-workbench { grid-template-columns:1fr!important; } body.integrated-workbench .polish-v45-phone { margin:auto!important; } body.integrated-workbench .polish-v45-tools { margin-top:0!important; justify-self:start!important; } body.integrated-workbench .polish-v45-actions { position:static!important; margin-top:10px!important; } }
body.integrated-workbench .polish-title-box.polish-frame-off { border-color: transparent!important; }
body.integrated-workbench .polish-title-box.polish-frame-off { border-color: transparent!important; }

/* Subtitle template modal v46: restore compact centered layout like reference image 2. */
body.integrated-workbench .subtitle-template-layer,
.subtitle-template-layer {
  position: fixed!important;
  inset: 0!important;
  z-index: 99990!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  padding: 0!important;
  background: rgba(0, 0, 0, .56)!important;
}
body.integrated-workbench .subtitle-template-layer[hidden],
.subtitle-template-layer[hidden] { display: none!important; }
body.integrated-workbench .subtitle-template-backdrop,
.subtitle-template-backdrop {
  position: absolute!important;
  inset: 0!important;
  background: transparent!important;
}
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  position: relative!important;
  width: min(942px, calc(100vw - 96px))!important;
  height: 474px!important;
  max-height: calc(100vh - 80px)!important;
  display: grid!important;
  grid-template-rows: 54px 1fr 56px!important;
  padding: 0!important;
  border: 0!important;
  border-radius: 0!important;
  background: #121212!important;
  box-shadow: 0 24px 80px rgba(0,0,0,.72)!important;
  overflow: hidden!important;
  color: #fff!important;
}
body.integrated-workbench .subtitle-template-panel header,
.subtitle-template-panel header {
  height: 54px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  padding: 0 10px 0 0!important;
  border: 0!important;
  background: #121212!important;
}
body.integrated-workbench .subtitle-template-panel header > div,
.subtitle-template-panel header > div {
  display: grid!important;
  grid-template-columns: 34px 1fr!important;
  grid-template-rows: 18px 16px!important;
  column-gap: 8px!important;
  align-items: center!important;
}
body.integrated-workbench .subtitle-template-panel header b,
.subtitle-template-panel header b {
  grid-row: 1 / 3!important;
  width: 34px!important;
  height: 34px!important;
  display: grid!important;
  place-items: center!important;
  border-radius: 6px!important;
  background: #168cff!important;
  color: #fff!important;
  font-size: 22px!important;
  font-weight: 950!important;
}
body.integrated-workbench .subtitle-template-panel header strong,
.subtitle-template-panel header strong { color: #fff!important; font-size: 13px!important; line-height: 1!important; }
body.integrated-workbench .subtitle-template-panel header small,
.subtitle-template-panel header small { color: #7d8792!important; font-size: 10px!important; line-height: 1!important; }
body.integrated-workbench .subtitle-template-panel header button,
.subtitle-template-panel header button {
  width: 26px!important;
  height: 26px!important;
  border: 0!important;
  background: transparent!important;
  color: #88919b!important;
  font-size: 24px!important;
  line-height: 1!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  min-width: 0!important;
  display: grid!important;
  grid-auto-flow: column!important;
  grid-auto-columns: 178px!important;
  grid-template-columns: none!important;
  gap: 10px!important;
  align-items: stretch!important;
  padding: 0 8px!important;
  overflow-x: auto!important;
  overflow-y: hidden!important;
  background: #121212!important;
  scrollbar-width: none!important;
}
body.integrated-workbench .subtitle-template-list::-webkit-scrollbar,
.subtitle-template-list::-webkit-scrollbar { width: 0!important; height: 0!important; }
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  position: relative!important;
  width: 178px!important;
  height: 322px!important;
  min-width: 178px!important;
  flex: 0 0 178px!important;
  padding: 0!important;
  border: 2px solid transparent!important;
  border-radius: 0!important;
  background: #20252a!important;
  overflow: hidden!important;
  text-align: left!important;
  color: #fff!important;
}
body.integrated-workbench .subtitle-template-card.selected,
.subtitle-template-card.selected { border-color: #0b95ff!important; box-shadow: inset 0 0 0 1px rgba(0,149,255,.35)!important; }
body.integrated-workbench .subtitle-template-card img,
.subtitle-template-card img {
  position: absolute!important;
  inset: 0!important;
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  filter: brightness(.9)!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
body.integrated-workbench .subtitle-template-card .tpl-sub,
body.integrated-workbench .subtitle-template-card .tpl-caption,
body.integrated-workbench .subtitle-template-card em,
.subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-caption,
.subtitle-template-card em {
  position: absolute!important;
  z-index: 2!important;
  left: 8px!important;
  right: 8px!important;
  display: block!important;
  font-weight: 950!important;
  line-height: 1.18!important;
  text-shadow: 0 2px 2px #000, 0 0 3px #000!important;
  pointer-events: none!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title { top: 36px!important; font-size: 19px!important; color: #fff!important; text-align: center!important; }
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub { top: 68px!important; font-size: 18px!important; color: #6bd4ff!important; text-align: center!important; }
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption { bottom: 82px!important; font-size: 13px!important; color: #fff!important; text-align: center!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-title,
.subtitle-template-card.yellow .tpl-title { color: #fff200!important; top: 38px!important; -webkit-text-stroke: .5px #111!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-sub,
.subtitle-template-card.yellow .tpl-sub { color: #fff!important; top: 70px!important; font-size: 13px!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-title,
.subtitle-template-card.cyan .tpl-title { color: #fff!important; text-align: left!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-sub,
.subtitle-template-card.cyan .tpl-sub { color: #00d8ff!important; text-align: left!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-title,
.subtitle-template-card.greenbar .tpl-title { top: 58px!important; color: #7cff75!important; background: #050505!important; padding: 3px 4px!important; text-align: center!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-sub,
.subtitle-template-card.greenbar .tpl-sub { display:none!important; }
body.integrated-workbench .subtitle-template-card.white .tpl-title,
.subtitle-template-card.white .tpl-title { color:#f1f1f1!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench .subtitle-template-card.white .tpl-sub,
.subtitle-template-card.white .tpl-sub { color:#4dbdff!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-title,
.subtitle-template-card.orange .tpl-title { color:#fff!important; -webkit-text-stroke:.65px #111!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-sub,
.subtitle-template-card.orange .tpl-sub { color:#ff9600!important; -webkit-text-stroke:.65px #111!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-title,
.subtitle-template-card.stack .tpl-title { top: 40px!important; color:#fff!important; text-align:right!important; font-size:13px!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-sub,
.subtitle-template-card.stack .tpl-sub { top: 185px!important; color:#fff!important; text-align:center!important; font-size:20px!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-caption,
.subtitle-template-card.stack .tpl-caption { bottom: 130px!important; color:#fff!important; font-size:13px!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-title,
.subtitle-template-card.red .tpl-title { color:#ff2626!important; -webkit-text-stroke:.55px #fff!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-sub,
.subtitle-template-card.red .tpl-sub { color:#ff2626!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench .subtitle-template-card em,
.subtitle-template-card em {
  left: 8px!important;
  right: auto!important;
  bottom: 12px!important;
  padding: 2px 5px!important;
  border-radius: 4px!important;
  background: #f0a519!important;
  color: #fff!important;
  font-size: 11px!important;
  font-style: normal!important;
}
body.integrated-workbench .subtitle-template-panel footer,
.subtitle-template-panel footer {
  height: 56px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 10px!important;
  padding: 0 10px!important;
  border-top: 0!important;
  background: #101010!important;
}
body.integrated-workbench .subtitle-template-panel footer span,
.subtitle-template-panel footer span { color:#8fbaff!important; font-size:12px!important; }
body.integrated-workbench .subtitle-template-panel footer > button:first-of-type,
.subtitle-template-panel footer > button:first-of-type { margin-left: auto!important; }
body.integrated-workbench .subtitle-template-panel footer button,
.subtitle-template-panel footer button { min-width: 72px!important; height: 32px!important; border-radius: 4px!important; }
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-panel,
  .subtitle-template-panel { width: calc(100vw - 16px)!important; height: 430px!important; }
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-auto-columns: 160px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width:160px!important; min-width:160px!important; height:292px!important; }
}

/* Selected subtitle preview v47: show the real template overlay, no blue selected bar. */
body.integrated-workbench .yjzb-host-card.template-applied::before,
body.integrated-workbench .yjzb-host-card.template-applied::after {
  content: none!important;
  display: none!important;
}
body.integrated-workbench .yjzb-host-card.template-applied #chooseTitleTemplateBtn {
  opacity: 0!important;
  pointer-events: none!important;
}
body.integrated-workbench .yjzb-host-card.template-applied:hover #chooseTitleTemplateBtn,
body.integrated-workbench .yjzb-host-card.template-applied:focus-within #chooseTitleTemplateBtn {
  opacity: 1!important;
  pointer-events: auto!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title,
body.integrated-workbench .yjzb-host-card .host-template-sub,
body.integrated-workbench .yjzb-host-card .host-template-caption {
  position: absolute!important;
  z-index: 4!important;
  left: 14px!important;
  right: 14px!important;
  display: block!important;
  text-align: center!important;
  font-weight: 950!important;
  line-height: 1.18!important;
  text-shadow: 0 2px 2px #000, 0 0 6px #000!important;
  pointer-events: none!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title {
  top: 44px!important;
  color: #e8e8e8!important;
  font-size: 22px!important;
  letter-spacing: -.4px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-sub {
  top: 84px!important;
  color: #81d8ff!important;
  font-size: 25px!important;
  letter-spacing: -.6px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-caption {
  bottom: 84px!important;
  color: #fff!important;
  font-size: 14px!important;
}
body.integrated-workbench .yjzb-host-card[data-template="yellow"] .host-template-title { color:#fff200!important; top:42px!important; }
body.integrated-workbench .yjzb-host-card[data-template="yellow"] .host-template-sub { color:#fff!important; top:78px!important; font-size:16px!important; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"] .host-template-title { color:#fff!important; text-align:left!important; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"] .host-template-sub { color:#00d8ff!important; text-align:left!important; }
body.integrated-workbench .yjzb-host-card[data-template="greenbar"] .host-template-title { top:64px!important; color:#7cff75!important; background:#050505!important; padding:4px 6px!important; }
body.integrated-workbench .yjzb-host-card[data-template="greenbar"] .host-template-sub { display:none!important; }
body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-title { color:#f2f2f2!important; -webkit-text-stroke:.7px #111!important; }
body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-sub { color:#58cfff!important; -webkit-text-stroke:.7px #111!important; }
body.integrated-workbench .yjzb-host-card[data-template="orange"] .host-template-title { color:#e8e8e8!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench .yjzb-host-card[data-template="orange"] .host-template-sub { color:#81d8ff!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-title { top:42px!important; text-align:right!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-sub { top:190px!important; color:#fff!important; font-size:22px!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-caption { bottom:138px!important; }
body.integrated-workbench .yjzb-host-card[data-template="red"] .host-template-title,
body.integrated-workbench .yjzb-host-card[data-template="red"] .host-template-sub { color:#ff2626!important; -webkit-text-stroke:.6px #fff!important; }

/* User dock v48: clone benchmark left-bottom tools and secondary dialogs. */
body.integrated-workbench .userdock-v48 {
  position: fixed!important;
  left: 0!important;
  bottom: 14px!important;
  z-index: 80!important;
  width: 142px!important;
  padding: 12px 9px 10px!important;
  border-radius: 4px!important;
  background: #08090b!important;
  box-shadow: 0 12px 34px rgba(0,0,0,.5)!important;
  border: 1px solid rgba(255,255,255,.04)!important;
}
body.integrated-workbench .userdock-v48 .side-tools {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr)!important;
  gap: 6px!important;
  padding-bottom: 10px!important;
  border-bottom: 1px solid #1c1d20!important;
}
body.integrated-workbench .userdock-v48 .side-tools button {
  height: 34px!important;
  min-height: 34px!important;
  display: grid!important;
  place-items: center!important;
  gap: 2px!important;
  border: 0!important;
  background: transparent!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 850!important;
  cursor: pointer!important;
}
body.integrated-workbench .userdock-v48 .dock-icon { width: 16px!important; height: 16px!important; position: relative!important; display:block!important; }
body.integrated-workbench .userdock-v48 .dock-icon.grid::before { content:""; position:absolute; inset:2px; background: conic-gradient(from 90deg,#fff 0 25%,transparent 0 50%,#fff 0 75%,transparent 0); box-shadow: 8px 0 #fff, 0 8px #fff, 8px 8px #fff; width:5px; height:5px; }
body.integrated-workbench .userdock-v48 .dock-icon.gift::before { content:""; position:absolute; left:3px; right:3px; bottom:2px; top:6px; border:2px solid #fff; }
body.integrated-workbench .userdock-v48 .dock-icon.gift::after { content:""; position:absolute; left:2px; right:2px; top:4px; height:4px; border:2px solid #fff; }
body.integrated-workbench .userdock-v48 .dock-icon.headset::before { content:""; position:absolute; inset:2px; border:2px solid #fff; border-bottom-color:transparent; border-radius:50%; }
body.integrated-workbench .userdock-v48 .dock-icon.headset::after { content:""; position:absolute; right:1px; bottom:2px; width:6px; height:4px; border-right:2px solid #fff; border-bottom:2px solid #fff; }
body.integrated-workbench .userdock-v48 .side-user {
  position: relative!important;
  width: 100%!important;
  min-height: 52px!important;
  display: grid!important;
  grid-template-columns: 32px 1fr auto!important;
  align-items: center!important;
  gap: 7px!important;
  padding: 8px 0 9px!important;
  border: 0!important;
  border-bottom: 1px solid #1c1d20!important;
  background: transparent!important;
  color: #fff!important;
  text-align: left!important;
  cursor: pointer!important;
}
body.integrated-workbench .userdock-v48 .dock-avatar {
  width: 30px!important;
  height: 30px!important;
  border-radius: 50%!important;
  background: radial-gradient(circle at 50% 38%, #ffd7c6 0 31%, transparent 32%), linear-gradient(#67dce9 0 100%)!important;
  border: 2px solid #fff!important;
  box-shadow: inset 0 -8px 0 rgba(22,169,185,.55)!important;
}
body.integrated-workbench .userdock-v48 .side-user strong { color:#fff!important; font-size:14px!important; font-weight:950!important; white-space:nowrap!important; }
body.integrated-workbench .userdock-v48 .side-user i { color:#fff!important; font-size:18px!important; font-style:normal!important; }
body.integrated-workbench .userdock-v48 .side-user em {
  position:absolute!important;
  left: 38px!important;
  bottom: 2px!important;
  padding: 1px 4px!important;
  border-radius: 2px!important;
  background:#3a2206!important;
  color:#ffae29!important;
  font-size:8px!important;
  font-style:normal!important;
  line-height:1.1!important;
}
body.integrated-workbench .userdock-v48 .side-status {
  width:100%!important;
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:14px 1fr 20px!important;
  align-items:center!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  cursor:pointer!important;
  text-align:left!important;
}
body.integrated-workbench .userdock-v48 .side-status em { width:13px!important; height:13px!important; border-radius:50%!important; background:#09d761!important; box-shadow:0 0 13px rgba(9,215,97,.55)!important; }
body.integrated-workbench .userdock-v48 .side-status span { color:#fff!important; font-size:13px!important; font-weight:900!important; }
body.integrated-workbench .userdock-v48 .side-status b { width:16px!important; height:12px!important; position:relative!important; display:block!important; }
body.integrated-workbench .userdock-v48 .side-status b::before,
body.integrated-workbench .userdock-v48 .side-status b::after { content:""; position:absolute; right:0; width:14px; height:2px; background:#fff; box-shadow:0 5px 0 #fff, 0 10px 0 #fff; }

/* User dock v204: refined icons and interaction states. */
body.integrated-workbench .userdock-v48 { padding:7px 8px 8px!important; border:1px solid #202832!important; border-radius:6px!important; background:linear-gradient(180deg,#0b1014,#080b0e)!important; box-shadow:0 10px 28px rgba(0,0,0,.38)!important; }
body.integrated-workbench .userdock-v48 .side-tools { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:4px!important; padding:0 0 7px!important; }
body.integrated-workbench .userdock-v48 .side-tools button { height:43px!important; min-height:43px!important; border:1px solid transparent!important; border-radius:5px!important; color:#cbd5dc!important; font-size:10px!important; transition:background .16s ease,border-color .16s ease,color .16s ease!important; }
body.integrated-workbench .userdock-v48 .side-tools button:hover { border-color:#29485c!important; background:#101f29!important; color:#63c9ff!important; }
body.integrated-workbench .userdock-v48 .dock-icon { width:20px!important; height:20px!important; color:currentColor!important; }
body.integrated-workbench .userdock-v48 .dock-icon.grid::before { content:"¥"!important; inset:1px!important; width:18px!important; height:18px!important; display:grid!important; place-items:center!important; border:1.5px solid currentColor!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; font:800 11px/1 Georgia,serif!important; }
body.integrated-workbench .userdock-v48 .dock-icon.grid::after { content:"+"!important; position:absolute!important; right:-2px!important; bottom:-1px!important; width:9px!important; height:9px!important; display:grid!important; place-items:center!important; border-radius:50%!important; background:#168cff!important; color:#fff!important; font:800 8px/1 Arial!important; }
body.integrated-workbench .userdock-v48 .dock-icon.gift::before { left:2px!important; right:2px!important; top:5px!important; bottom:2px!important; border:1.5px solid currentColor!important; border-radius:3px!important; }
body.integrated-workbench .userdock-v48 .dock-icon.gift::after { content:""!important; left:5px!important; right:5px!important; top:9px!important; height:1.5px!important; border:0!important; background:currentColor!important; box-shadow:0 4px 0 currentColor!important; }
body.integrated-workbench .userdock-v48 .dock-icon.headset::before { inset:2px!important; border:1.5px solid currentColor!important; border-bottom-color:transparent!important; }
body.integrated-workbench .userdock-v48 .dock-icon.headset::after { right:1px!important; bottom:2px!important; width:6px!important; height:5px!important; border-width:0 1.5px 1.5px 0!important; border-color:currentColor!important; }
body.integrated-workbench .userdock-v48 .side-user { min-height:51px!important; grid-template-columns:34px 1fr auto!important; padding:7px 2px 8px!important; border-radius:5px!important; transition:background .16s ease!important; }
body.integrated-workbench .userdock-v48 .side-user:hover { background:#111b22!important; }
body.integrated-workbench .userdock-v48 .dock-avatar { width:30px!important; height:30px!important; border:1px solid #6bd7ef!important; background:url("/assets/yjzb/digital-avatar-hd.jpg") center 22%/cover no-repeat!important; box-shadow:0 0 0 2px rgba(58,190,224,.12)!important; }
body.integrated-workbench .userdock-v48 .side-user strong { font-size:12px!important; font-weight:800!important; }
body.integrated-workbench .userdock-v48 .side-status { min-height:36px!important; padding:0 3px!important; border-radius:5px!important; transition:background .16s ease!important; }
body.integrated-workbench .userdock-v48 .side-status:hover { background:#111b22!important; }
body.integrated-workbench .userdock-v48 .side-status em { width:9px!important; height:9px!important; }
body.integrated-workbench .userdock-v48 .side-status span { font-size:11px!important; font-weight:700!important; }
body.integrated-workbench .userdock-v48 .side-status b::before { height:1.5px!important; border-radius:2px!important; background:#9caeb9!important; box-shadow:0 5px 0 #9caeb9,0 10px 0 #9caeb9!important; }
body.integrated-workbench .user-dock-modal-layer[hidden] { display:none!important; }
body.integrated-workbench .user-dock-modal-layer { position:fixed!important; inset:0!important; z-index:100000!important; display:grid!important; place-items:center!important; background:rgba(0,0,0,.55)!important; }
body.integrated-workbench .user-dock-backdrop { position:absolute!important; inset:0!important; }
body.integrated-workbench .user-dock-modal { position:relative!important; width:min(468px, calc(100vw - 24px))!important; min-height:158px!important; padding:0!important; border-radius:5px!important; background:#151515!important; color:#e9edf3!important; box-shadow:0 22px 80px rgba(0,0,0,.72)!important; overflow:hidden!important; }
body.integrated-workbench .user-dock-close { position:absolute!important; right:8px!important; top:6px!important; z-index:3!important; width:24px!important; height:24px!important; border:0!important; background:transparent!important; color:#89909a!important; font-size:20px!important; }
body.integrated-workbench .dock-modal-title { display:grid!important; gap:6px!important; padding:0 0 12px!important; }
body.integrated-workbench .dock-modal-title b { color:#fff!important; font-size:18px!important; font-weight:950!important; }
body.integrated-workbench .dock-modal-title span { color:#d3dae3!important; font-size:13px!important; line-height:1.5!important; }
body.integrated-workbench #userDockModalBody { padding:14px 0 0!important; }
body.integrated-workbench #userDockModalBody > .dock-modal-title { padding:0 0 10px!important; margin:0 0 0!important; }
body.integrated-workbench #userDockModalBody > .dock-modal-title,
body.integrated-workbench .dock-plan-grid,
body.integrated-workbench .dock-card-input,
body.integrated-workbench .dock-status-list,
body.integrated-workbench .dock-profile-card { margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; }
body.integrated-workbench .dock-card-hero { height:100px!important; margin:0 0 18px!important; border-radius:6px!important; background: radial-gradient(circle at 54% 42%, rgba(255,255,255,.34), transparent 21%), linear-gradient(105deg, rgba(8,10,14,.96), rgba(37,44,54,.72)), url('assets/yjzb/beauty-host.jpg') center 42% / cover no-repeat!important; filter: grayscale(.35) brightness(.72)!important; }
body.integrated-workbench .dock-card-input { width:100%!important; height:40px!important; border:1px solid #454b55!important; border-radius:4px!important; background:#171717!important; color:#fff!important; padding:0 12px!important; font-size:13px!important; box-sizing:border-box!important; }
body.integrated-workbench .dock-modal-actions { height:56px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-top:18px!important; padding:0!important; border-top:0!important; }
body.integrated-workbench .dock-modal-actions .primary-btn { margin-left:auto!important; min-width:88px!important; height:32px!important; min-height:32px!important; border-radius:4px!important; }
body.integrated-workbench .dock-modal-actions .outline-btn { min-width:48px!important; height:32px!important; min-height:32px!important; border-radius:4px!important; }
body.integrated-workbench .dock-plan-grid { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:10px!important; padding:0!important; }
body.integrated-workbench .dock-plan { min-height:96px!important; border:1px solid #303844!important; border-radius:7px!important; background:#10141a!important; color:#fff!important; display:grid!important; gap:4px!important; text-align:left!important; padding:10px!important; }
body.integrated-workbench .dock-plan.active { border-color:#2f93ff!important; background:#112540!important; }
body.integrated-workbench .dock-plan em { color:#38a2ff!important; font-size:20px!important; font-style:normal!important; font-weight:950!important; }
body.integrated-workbench .dock-plan small { color:#8d99a8!important; }
body.integrated-workbench .dock-support-box { margin:22px 34px!important; padding:10px!important; border-radius:5px!important; background:#202020!important; display:grid!important; grid-template-columns:100px 1fr!important; gap:14px!important; align-items:center!important; }
body.integrated-workbench .dock-support-box b { color:#fff!important; font-size:15px!important; }
body.integrated-workbench .dock-support-box p { margin:6px 0!important; color:#e8eef8!important; font-size:14px!important; }
body.integrated-workbench .dock-qr { width:100px!important; height:100px!important; background-color:#fff!important; background-image: linear-gradient(90deg,#111 10px,transparent 10px), linear-gradient(#111 10px,transparent 10px), radial-gradient(circle,#111 2px,transparent 3px)!important; background-size:18px 18px,18px 18px,9px 9px!important; border:8px solid #fff!important; box-sizing:border-box!important; }
body.integrated-workbench .dock-profile-card { display:grid!important; grid-template-columns:54px 1fr!important; gap:12px!important; align-items:center!important; padding:18px!important; background:#202020!important; border-radius:6px!important; }
body.integrated-workbench .dock-avatar.big { width:48px!important; height:48px!important; display:block!important; }
body.integrated-workbench .dock-status-list { display:grid!important; gap:10px!important; padding:14px!important; background:#202020!important; border-radius:6px!important; }
body.integrated-workbench .dock-status-list p { margin:0!important; color:#eef3f8!important; }
body.integrated-workbench .dock-status-list i { display:inline-block!important; width:10px!important; height:10px!important; margin-right:8px!important; border-radius:50%!important; background:#09d761!important; }
body.integrated-workbench #userDockModalBody { padding-left:0!important; padding-right:0!important; }
body.integrated-workbench .user-dock-modal #userDockModalBody > *:not(.dock-support-box):not(.dock-card-hero) { margin-left:0!important; margin-right:0!important; }
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) { padding:0 0 0!important; }
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) #userDockModalBody { padding:0!important; }
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) .dock-modal-title { padding:0 0 8px!important; }
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) .dock-modal-title b { padding-top:0!important; }
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) .dock-modal-title,
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) .dock-card-input,
body.integrated-workbench .user-dock-modal:has(.dock-card-hero) .dock-modal-actions { margin-left:0!important; margin-right:0!important; }
@media (max-width: 760px) { body.integrated-workbench .userdock-v48 { transform:scale(.92); transform-origin:left bottom; } body.integrated-workbench .dock-plan-grid { grid-template-columns:1fr!important; } }

/* Avatar clone v49: two useful paths only - video dynamic avatar and image static avatar. */
.avatar-v49-studio {
  position: relative!important;
  width: min(920px, calc(100vw - 32px))!important;
  max-height: min(720px, calc(100vh - 28px))!important;
  display: grid!important;
  grid-template-rows: 82px 1fr 62px!important;
  overflow: hidden!important;
  border: 1px solid #2c3541!important;
  border-radius: 14px!important;
  background: #141618!important;
  color: #f2f6fb!important;
  box-shadow: 0 28px 90px rgba(0,0,0,.72)!important;
}
.avatar-v49-head {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding: 18px 20px!important;
  border-bottom: 1px solid #2b323c!important;
  background: linear-gradient(120deg,#1b1f24,#151719)!important;
}
.avatar-v49-head > div { display:grid!important; grid-template-columns:auto 1fr!important; column-gap:10px!important; align-items:center!important; }
.avatar-v49-head b { grid-row:1/3!important; color:#2d83ff!important; font-size:25px!important; font-weight:950!important; }
.avatar-v49-head strong { color:#fff!important; font-size:25px!important; font-weight:950!important; }
.avatar-v49-head small { grid-column:2!important; color:#9aa5b3!important; font-size:12px!important; }
.avatar-v49-head button { width:34px!important; height:34px!important; border:1px solid #47515f!important; border-radius:6px!important; background:#101215!important; color:#fff!important; font-size:20px!important; }
.avatar-v49-body { min-height:0!important; overflow:hidden!important; display:grid!important; grid-template-columns:250px minmax(0,1fr)!important; }
.avatar-v49-left { padding:18px!important; border-right:1px solid #2b323c!important; background:#101214!important; display:grid!important; align-content:start!important; gap:12px!important; }
.avatar-v49-source { min-height:92px!important; display:grid!important; grid-template-columns:34px 1fr!important; gap:10px!important; align-items:center!important; padding:12px!important; border:1px solid #303844!important; border-radius:12px!important; background:#16191d!important; color:#e9f2fb!important; text-align:left!important; cursor:pointer!important; }
.avatar-v49-source.active { border-color:#2a93ff!important; background:linear-gradient(135deg,rgba(25,113,210,.28),#171b20)!important; box-shadow:0 0 0 1px rgba(42,147,255,.18)!important; }
.avatar-v49-source i { width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border-radius:10px!important; background:#242b34!important; color:#73bdff!important; font-style:normal!important; font-weight:950!important; }
.avatar-v49-source.active i { background:#208fff!important; color:#fff!important; }
.avatar-v49-source b { display:block!important; color:#fff!important; font-size:13px!important; margin-bottom:5px!important; }
.avatar-v49-source small { color:#8b98a8!important; font-size:11px!important; line-height:1.45!important; }
.avatar-v49-main { min-width:0!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; padding:22px!important; display:grid!important; align-content:start!important; gap:16px!important; }
.avatar-v49-hero { display:grid!important; grid-template-columns:minmax(0,1fr) 240px!important; gap:14px!important; }
.avatar-v49-upload { min-height:228px!important; display:grid!important; place-items:center!important; align-content:center!important; gap:10px!important; padding:20px!important; border:1px dashed #48525f!important; border-radius:14px!important; background:radial-gradient(circle at center,rgba(35,141,255,.12),transparent 48%),#111418!important; text-align:center!important; }
.avatar-v49-upload.need-file { border-color:#f0a13d!important; box-shadow:0 0 0 2px rgba(240,161,61,.18)!important; }
.avatar-v49-upload > span { width:64px!important; height:64px!important; display:grid!important; place-items:center!important; border-radius:22px!important; background:linear-gradient(145deg,#2fa3ff,#1f72ff)!important; color:#fff!important; font-size:28px!important; font-weight:950!important; }
.avatar-v49-upload strong { color:#fff!important; font-size:22px!important; }
.avatar-v49-upload small { max-width:370px!important; color:#8d9aaa!important; font-size:12px!important; line-height:1.55!important; }
.avatar-v49-upload .primary-btn { min-width:118px!important; height:36px!important; border-radius:8px!important; }
.avatar-v49-model { display:grid!important; align-content:center!important; gap:14px!important; padding:18px!important; border:1px solid #323b47!important; border-radius:14px!important; background:#191d22!important; }
.avatar-v49-model em { color:#c9d2dc!important; font-size:12px!important; font-style:normal!important; font-weight:900!important; }
.avatar-v49-model strong { color:#fff!important; font-size:22px!important; line-height:1.15!important; }
.avatar-v49-model span { color:#99a6b5!important; font-size:12px!important; line-height:1.55!important; }
.avatar-v49-model div { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:6px!important; }
.avatar-v49-model i { height:7px!important; border-radius:999px!important; background:linear-gradient(90deg,#1f92ff,#26d5ff)!important; }
.avatar-v49-name { display:grid!important; gap:8px!important; padding:14px!important; border:1px solid #303844!important; border-radius:12px!important; background:#181c21!important; color:#fff!important; font-size:13px!important; font-weight:900!important; }
.avatar-v49-name input { height:34px!important; border:1px solid #384453!important; border-radius:6px!important; background:#0e1115!important; color:#fff!important; padding:0 10px!important; }
.avatar-v49-result { display:grid!important; gap:6px!important; min-height:68px!important; padding:14px!important; border:1px solid #303844!important; border-radius:12px!important; background:#181c21!important; color:#9ca8b7!important; }
.avatar-v49-result.ready { border-color:#2289b2!important; background:rgba(26,109,139,.18)!important; }
.avatar-v49-result b { color:#fff!important; font-size:14px!important; }
.avatar-v49-result span { color:#8f9dad!important; font-size:12px!important; }
.avatar-v49-status { margin:0!important; color:#a8b3c0!important; font-size:12px!important; }
.avatar-v49-actions { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; padding:0 20px!important; border-top:1px solid #2b323c!important; background:#141618!important; }
.avatar-v49-actions button { min-width:88px!important; height:34px!important; border-radius:7px!important; }
.avatar-v49-actions > span { margin-right:auto!important; color:#788594!important; font-size:12px!important; }
.avatar-v49-actions button:disabled { cursor:not-allowed!important; opacity:.38!important; filter:saturate(.35)!important; }
.avatar-v96-clone-btn { width:100%!important; min-height:58px!important; display:grid!important; grid-template-columns:36px auto 1fr!important; align-items:center!important; gap:10px!important; padding:10px 14px!important; border:1px solid #218eff!important; border-radius:9px!important; background:linear-gradient(100deg,#0879ee,#2399ff)!important; color:#fff!important; text-align:left!important; cursor:pointer!important; box-shadow:0 8px 24px rgba(13,119,237,.22)!important; }
.avatar-v96-clone-btn:hover { border-color:#62b9ff!important; background:linear-gradient(100deg,#1689f8,#35a7ff)!important; }
.avatar-v96-clone-btn > b { width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border-radius:7px!important; background:rgba(255,255,255,.16)!important; font-size:24px!important; }
.avatar-v96-clone-btn > span { font-size:15px!important; font-weight:900!important; }
.avatar-v96-clone-btn > small { justify-self:end!important; color:rgba(255,255,255,.76)!important; font-size:11px!important; }
.avatar-v49-result.avatar-v96-selected { min-height:92px!important; grid-template-columns:78px minmax(0,1fr) 24px!important; align-items:center!important; gap:12px!important; padding:9px!important; border-color:#238eff!important; background:linear-gradient(100deg,rgba(25,124,226,.2),#181c21)!important; }
.avatar-v96-preview { width:78px!important; height:72px!important; overflow:hidden!important; border-radius:7px!important; background:#0b0d10!important; }
.avatar-v96-preview img,.avatar-v96-preview video { width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; }
.avatar-v96-result-copy { min-width:0!important; display:grid!important; gap:4px!important; }
.avatar-v96-result-copy small { color:#58aeff!important; font-size:10px!important; font-weight:800!important; }
.avatar-v96-result-copy b { overflow:hidden!important; color:#fff!important; font-size:14px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.avatar-v96-result-copy span { color:#93a3b4!important; font-size:11px!important; }
.avatar-v96-check { width:20px!important; height:20px!important; display:grid!important; place-items:center!important; border-radius:50%!important; background:#238eff!important; color:#fff!important; font-size:12px!important; font-style:normal!important; }
.avatar-asset-drawer-trigger { width:auto!important; min-width:172px!important; height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; margin-left:auto!important; margin-right:10px!important; padding:0 12px!important; border:1px solid #55b7ff!important; border-radius:6px!important; background:linear-gradient(100deg,#0879e7,#179af8)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; cursor:pointer!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px rgba(13,128,229,.32)!important; transition:filter .18s,box-shadow .18s,transform .18s!important; }
.avatar-asset-drawer-trigger::before { content:"▦"!important; color:#dff4ff!important; font-size:15px!important; line-height:1!important; }
.avatar-asset-drawer-trigger b { min-width:22px!important; height:22px!important; display:grid!important; place-items:center!important; padding:0 5px!important; border:1px solid rgba(255,255,255,.42)!important; border-radius:11px!important; background:#fff!important; color:#0878dd!important; font-size:10px!important; box-shadow:0 2px 7px rgba(0,0,0,.18)!important; }
.avatar-asset-drawer-trigger i { margin-left:1px!important; color:#fff!important; font-size:13px!important; font-style:normal!important; transition:transform .18s!important; }
.avatar-asset-drawer-trigger:hover { filter:brightness(1.1)!important; transform:translateY(-1px)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 26px rgba(13,128,229,.42)!important; }
.avatar-asset-drawer-trigger.active { background:linear-gradient(100deg,#0768c9,#1287dc)!important; box-shadow:inset 0 2px 8px rgba(0,0,0,.18),0 5px 18px rgba(13,128,229,.28)!important; }
.avatar-asset-drawer-trigger.active i { transform:rotate(180deg)!important; }
.avatar-asset-drawer { position:absolute!important; z-index:12!important; top:72px!important; right:48px!important; width:min(430px,calc(100% - 32px))!important; max-height:520px!important; overflow:hidden!important; border:1px solid #344353!important; border-radius:10px!important; background:#12161b!important; box-shadow:0 24px 70px rgba(0,0,0,.7)!important; }
.avatar-asset-drawer[hidden] { display:none!important; }
.avatar-asset-drawer > header { height:64px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; padding:0 16px!important; border-bottom:1px solid #2b3440!important; background:#191f26!important; }
.avatar-asset-drawer > header div { display:grid!important; gap:2px!important; }
.avatar-asset-drawer > header small { color:#399eff!important; font-size:9px!important; font-weight:900!important; }
.avatar-asset-drawer > header strong { color:#fff!important; font-size:15px!important; }
.avatar-asset-drawer > header button { width:28px!important; height:28px!important; border:1px solid #465363!important; border-radius:5px!important; background:#111419!important; color:#fff!important; font-size:18px!important; }
.avatar-asset-drawer-list { max-height:444px!important; display:grid!important; gap:8px!important; overflow:auto!important; padding:12px!important; }
.avatar-asset-drawer-list article { display:grid!important; grid-template-columns:76px minmax(0,1fr) auto!important; align-items:center!important; gap:11px!important; padding:8px!important; border:1px solid #2e3945!important; border-radius:8px!important; background:#191e24!important; }
.avatar-asset-drawer-list article.selected { border-color:#218eff!important; background:#172b3e!important; }
.avatar-asset-drawer-list img,.avatar-asset-drawer-list video { width:76px!important; height:64px!important; display:block!important; object-fit:cover!important; border-radius:6px!important; background:#090b0d!important; }
.avatar-asset-drawer-list article > div { min-width:0!important; display:grid!important; gap:5px!important; }
.avatar-asset-drawer-list article > div b { overflow:hidden!important; color:#fff!important; font-size:13px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.avatar-asset-drawer-list article > div small { color:#8997a6!important; font-size:10px!important; }
.avatar-asset-drawer-list article > button { height:30px!important; padding:0 10px!important; border:1px solid #288de9!important; border-radius:6px!important; background:#126fc5!important; color:#fff!important; font-size:11px!important; cursor:pointer!important; }
.avatar-asset-drawer-empty { min-height:150px!important; display:grid!important; place-content:center!important; gap:7px!important; color:#fff!important; text-align:center!important; }
.avatar-asset-drawer-empty span { color:#82909f!important; font-size:11px!important; }
@media (max-width: 760px) {
  .avatar-v49-studio { width:calc(100vw - 16px)!important; max-height:calc(100vh - 16px)!important; overflow:auto!important; grid-template-rows:auto auto auto!important; }
  .avatar-v49-body { grid-template-columns:1fr!important; }
  .avatar-v49-left { border-right:0!important; border-bottom:1px solid #2b323c!important; }
  .avatar-v49-hero { grid-template-columns:1fr!important; }
  .avatar-asset-drawer-trigger { min-width:42px!important; }
  .avatar-asset-drawer-trigger span { display:none!important; }
  .avatar-asset-drawer { top:70px!important; right:8px!important; }
  .avatar-v96-clone-btn { grid-template-columns:36px 1fr!important; }
  .avatar-v96-clone-btn small { display:none!important; }
}
body.integrated-workbench .voice-v44-library .voice-preset-card.selected { border-color:#42c8ff!important; background:linear-gradient(115deg,rgba(20,137,224,.42),rgba(13,35,52,.98))!important; box-shadow:0 0 0 1px rgba(65,198,255,.2),0 10px 24px rgba(0,111,196,.2)!important; }
body.integrated-workbench #useSystemVoiceBtn.selected { background:#0f73c9!important; box-shadow:inset 0 2px 7px rgba(0,0,0,.18)!important; }
body.integrated-workbench .voice-generated-select {
  display:grid!important;
  grid-template-columns:minmax(180px,.72fr) minmax(260px,1.28fr)!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid #285878!important;
  border-radius:8px!important;
  background:linear-gradient(100deg,rgba(19,105,164,.2),rgba(9,17,24,.94))!important;
}
body.integrated-workbench .voice-generated-select > span { min-width:0!important; display:grid!important; gap:3px!important; }
body.integrated-workbench .voice-generated-select b { color:#eef8ff!important; font-size:12px!important; }
body.integrated-workbench .voice-generated-select small { overflow:hidden!important; color:#46b9ff!important; font-size:9px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
body.integrated-workbench .voice-generated-select select { width:100%!important; height:36px!important; padding:0 10px!important; border:1px solid #258dd0!important; border-radius:5px!important; background:#09131c!important; color:#eaf7ff!important; font-size:12px!important; cursor:pointer!important; }
body.integrated-workbench .voice-generated-select select:disabled { opacity:.55!important; cursor:not-allowed!important; }
@media(max-width:760px){body.integrated-workbench .voice-generated-select{grid-template-columns:1fr!important;gap:8px!important}}

/* Nav standalone pages v50: pages behind benchmark sidebar items. */
body.integrated-workbench .nav-standalone-pages {
  min-height: calc(100vh - 92px)!important;
  padding: 18px 22px 80px!important;
  background: #111317!important;
}
body.integrated-workbench .nav-page-panel {
  max-width: 1180px!important;
  margin: 0 auto!important;
  display: grid!important;
  gap: 16px!important;
}
body.integrated-workbench .nav-page-panel[hidden] { display:none!important; }
body.integrated-workbench .nav-page-head {
  min-height: 96px!important;
  display: grid!important;
  align-content: center!important;
  gap: 8px!important;
  padding: 22px 24px!important;
  border: 1px solid #28313d!important;
  border-radius: 18px!important;
  background: radial-gradient(circle at 8% 0, rgba(34,147,255,.24), transparent 34%), linear-gradient(135deg,#191d22,#121417)!important;
  box-shadow: 0 18px 55px rgba(0,0,0,.28)!important;
}
body.integrated-workbench .nav-page-head b { color:#fff!important; font-size:28px!important; font-weight:950!important; }
body.integrated-workbench .nav-page-head span { color:#8f9baa!important; font-size:13px!important; }
body.integrated-workbench .nav-home-head {
  grid-template-columns: minmax(0,1fr) auto!important;
  align-items:center!important;
  align-content:center!important;
}

/* Voice clone progress v65: visible stages and strong progress feedback. */
body.integrated-workbench .voice-v44-bottom .voice-clone-progress-card {
  min-height: 112px!important;
  gap: 14px!important;
  padding: 16px!important;
  border-color: #304252!important;
  background: linear-gradient(145deg, rgba(13,23,32,.98), rgba(7,13,19,.98))!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition: border-color .25s, box-shadow .25s, background .25s!important;
}
body.integrated-workbench .voice-clone-progress-card > div:first-child { align-items:flex-start!important; }
body.integrated-workbench .voice-clone-progress-card b { font-size:13px!important; line-height:1.3!important; }
body.integrated-workbench .voice-clone-progress-card small {
  max-width:72%!important;
  color:#9db0c1!important;
  font-size:10px!important;
  line-height:1.45!important;
  text-align:right!important;
}
body.integrated-workbench .voice-clone-progress {
  grid-template-columns:minmax(0,1fr) 46px!important;
  gap:12px!important;
}
body.integrated-workbench .voice-clone-progress > div {
  position:relative!important;
  height:14px!important;
  border:1px solid #354b5e!important;
  border-radius:8px!important;
  background:#05090d!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.72)!important;
  overflow:hidden!important;
}
body.integrated-workbench .voice-clone-progress i {
  position:relative!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,#0f82ff 0%,#16c9df 62%,#73f3d0 100%)!important;
  box-shadow:0 0 14px rgba(23,195,225,.55)!important;
  transition:width .35s ease!important;
}
body.integrated-workbench .voice-clone-progress-card.is-running .voice-clone-progress i::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.48) 48%,transparent 72%)!important;
  animation:voice-progress-sheen 1.2s linear infinite!important;
}
body.integrated-workbench .voice-clone-progress > span {
  color:#69dfff!important;
  font-size:14px!important;
  font-weight:950!important;
}
body.integrated-workbench .voice-clone-progress-card.is-running {
  border-color:#168fd0!important;
  box-shadow:0 0 0 1px rgba(22,143,208,.18),0 10px 28px rgba(0,0,0,.24)!important;
}
body.integrated-workbench .voice-clone-progress-card.is-done {
  border-color:#25b78f!important;
  background:linear-gradient(145deg,rgba(13,47,42,.78),rgba(7,20,21,.96))!important;
}
body.integrated-workbench .voice-clone-progress-card.is-done .voice-clone-progress > span { color:#69efc1!important; }
@keyframes voice-progress-sheen { from { transform:translateX(-130%); } to { transform:translateX(130%); } }

/* Running halo v67: keep the left edge visible inside clipped cards. */
body.integrated-workbench .strict-card.is-running {
  border-color:rgba(51,220,255,.68)!important;
  box-shadow:
    inset 3px 0 0 rgba(51,225,255,.42),
    inset 8px 0 18px -14px rgba(33,213,255,.95),
    0 0 0 1px rgba(28,196,255,.12),
    0 0 22px rgba(18,192,255,.13)!important;
}
body.integrated-workbench .strict-card.is-running::before {
  inset:1px!important;
  border-radius:5px!important;
  filter:drop-shadow(0 0 5px rgba(45,224,255,.82))!important;
}
body.integrated-workbench .strict-card.is-running::after {
  z-index:7!important;
  width:6px!important;
  height:30px!important;
  background:linear-gradient(180deg,transparent,#83f8ff 35%,#24d8ff 58%,transparent)!important;
  box-shadow:
    0 0 4px #c1fbff,
    0 0 10px #32e4ff,
    0 0 20px rgba(29,185,255,.95)!important;
  offset-path:inset(5px round 4px)!important;
}

/* Voice clone v78: make the explicit start action visible beside progress. */
body.integrated-workbench .voice-clone-progress-card .voice-inline-start {
  width:100%!important;
  min-height:38px!important;
  margin-top:12px!important;
  border:1px solid #20bfe8!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#168cff,#18c3da)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(18,145,210,.22)!important;
}
body.integrated-workbench .voice-clone-progress-card .voice-inline-start:hover { filter:brightness(1.08)!important; }
body.integrated-workbench .voice-clone-progress-card .voice-inline-start:disabled { opacity:.65!important; cursor:wait!important; }

/* Saved voice drawer v93 */
body.integrated-workbench .voice-v44-studio { position:relative!important; }
body.integrated-workbench .voice-v44-head { position:relative!important; }
body.integrated-workbench .voice-asset-drawer-trigger { min-height:34px!important; display:flex!important; align-items:center!important; gap:8px!important; margin-left:auto!important; margin-right:10px!important; padding:0 12px!important; border:1px solid #168fd3!important; border-radius:5px!important; background:rgba(14,113,174,.16)!important; color:#dff5ff!important; cursor:pointer!important; }
body.integrated-workbench .voice-asset-drawer-trigger span { font-size:12px!important; font-weight:900!important; }
body.integrated-workbench .voice-asset-drawer-trigger b { min-width:21px!important; height:21px!important; display:grid!important; place-items:center!important; border-radius:11px!important; background:#168ff0!important; color:#fff!important; font-size:11px!important; }
body.integrated-workbench .voice-asset-drawer-trigger i { font-style:normal!important; transition:transform .2s ease!important; }
body.integrated-workbench .voice-asset-drawer-trigger.active { background:#168ff0!important; color:#fff!important; box-shadow:0 0 18px rgba(22,143,240,.3)!important; }
body.integrated-workbench .voice-asset-drawer-trigger.active i { transform:rotate(180deg)!important; }
body.integrated-workbench .voice-asset-drawer { position:absolute!important; z-index:30!important; top:96px!important; right:18px!important; bottom:64px!important; width:min(390px,calc(100% - 36px))!important; display:grid!important; grid-template-rows:auto 1fr!important; overflow:hidden!important; border:1px solid #218fc7!important; border-radius:7px!important; background:#0e151c!important; box-shadow:-18px 20px 44px rgba(0,0,0,.58)!important; }
body.integrated-workbench .voice-asset-drawer[hidden] { display:none!important; }
body.integrated-workbench .voice-asset-drawer > header { min-height:68px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; padding:0 18px!important; border-bottom:1px solid #263844!important; background:#112330!important; }
body.integrated-workbench .voice-asset-drawer > header div { display:grid!important; gap:3px!important; }
body.integrated-workbench .voice-asset-drawer > header small { color:#25b9ff!important; font-size:10px!important; font-weight:900!important; letter-spacing:0!important; }
body.integrated-workbench .voice-asset-drawer > header strong { color:#f2f8fc!important; font-size:17px!important; }
body.integrated-workbench .voice-asset-drawer > header button { width:30px!important; height:30px!important; border:1px solid #3a4c58!important; border-radius:4px!important; background:#121a20!important; color:#c8d5dd!important; font-size:20px!important; cursor:pointer!important; }
body.integrated-workbench .voice-asset-drawer-list { min-height:0!important; display:grid!important; align-content:start!important; gap:10px!important; padding:14px!important; overflow-y:auto!important; }
body.integrated-workbench .voice-asset-drawer-list article { display:grid!important; gap:10px!important; padding:12px!important; border:1px solid #293c48!important; border-radius:6px!important; background:#131d24!important; }
body.integrated-workbench .voice-asset-drawer-list article > div { display:flex!important; align-items:center!important; gap:10px!important; }
body.integrated-workbench .voice-asset-wave { width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border-radius:50%!important; background:linear-gradient(135deg,#168ff0,#22cad3)!important; color:#fff!important; }
body.integrated-workbench .voice-asset-drawer-list p { min-width:0!important; flex:1!important; display:grid!important; gap:3px!important; margin:0!important; }
body.integrated-workbench .voice-asset-drawer-list p strong { overflow:hidden!important; color:#eff7fb!important; font-size:13px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
body.integrated-workbench .voice-asset-drawer-list p small { overflow:hidden!important; color:#8094a2!important; font-size:10px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
body.integrated-workbench .voice-asset-drawer-list em { color:#55dba6!important; font-size:10px!important; font-style:normal!important; }
body.integrated-workbench .voice-asset-drawer-list audio { width:100%!important; height:32px!important; }
body.integrated-workbench .voice-asset-drawer-list article > button { min-height:34px!important; border:0!important; border-radius:4px!important; background:#168cf0!important; color:#fff!important; font-size:12px!important; font-weight:900!important; cursor:pointer!important; }
body.integrated-workbench .voice-asset-drawer-empty { min-height:240px!important; display:grid!important; place-content:center!important; justify-items:center!important; gap:8px!important; color:#7e919f!important; }
body.integrated-workbench .voice-asset-drawer-empty b { color:#d7e2e9!important; }
@media(max-width:760px){body.integrated-workbench .voice-asset-drawer-trigger span{display:none!important}body.integrated-workbench .voice-asset-drawer{top:88px!important;right:10px!important;bottom:58px!important;width:calc(100% - 20px)!important}}
@keyframes strictLeftGuidePulse {
  0%,100% { box-shadow:inset 3px 0 0 rgba(51,225,255,.3),inset 8px 0 18px -14px rgba(33,213,255,.75),0 0 0 1px rgba(28,196,255,.1),0 0 18px rgba(18,192,255,.1); }
  50% { box-shadow:inset 3px 0 0 rgba(112,244,255,.68),inset 10px 0 22px -13px rgba(33,213,255,1),0 0 0 1px rgba(28,196,255,.16),0 0 25px rgba(18,192,255,.16); }
}
body.integrated-workbench .strict-card.is-running { animation:strictLeftGuidePulse 1.8s ease-in-out infinite!important; }

/* Subtitle editor v68: benchmark-like horizontal strip with full portrait. */
body.integrated-workbench .yjzb-subtitle-body {
  grid-template-columns:minmax(0,1fr) 152px!important;
  align-items:start!important;
  gap:10px!important;
  padding:10px!important;
}
body.integrated-workbench .yjzb-subtitle-preview {
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:9 / 16!important;
  position:relative!important;
  border:1px solid #303943!important;
  border-radius:5px!important;
  background-color:#080b0e!important;
  background-image:url("assets/yjzb/digital-avatar-hd.jpg")!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 -70px 80px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
body.integrated-workbench .yjzb-host-card {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body.integrated-workbench .yjzb-subtitle-options {
  width:152px!important;
  min-width:152px!important;
  padding:0!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title {
  top:44px!important;
  left:12px!important;
  right:12px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
body.integrated-workbench .yjzb-host-card .host-template-sub {
  top:88px!important;
  left:12px!important;
  right:12px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
body.integrated-workbench .yjzb-host-card .host-template-caption {
  bottom:64px!important;
  font-size:12px!important;
}
body.integrated-workbench #chooseTitleTemplateBtn {
  left:12px!important;
  right:12px!important;
  bottom:14px!important;
}
@media (max-width:760px) {
  body.integrated-workbench .yjzb-subtitle-body { grid-template-columns:minmax(0,1fr) 132px!important; gap:8px!important; padding:8px!important; }
  body.integrated-workbench .yjzb-subtitle-options { width:132px!important; min-width:132px!important; }
  body.integrated-workbench .yjzb-host-card .host-template-title { top:30px!important; font-size:16px!important; }
  body.integrated-workbench .yjzb-host-card .host-template-sub { top:66px!important; font-size:16px!important; }
}

/* RPA account management v70. */
body.integrated-workbench .nav-standalone-pages:has(.rpa-account-page:not([hidden])) { padding:0!important; }
body.integrated-workbench .rpa-account-page { max-width:none!important; min-height:calc(100vh - 72px)!important; margin:0!important; gap:0!important; }
body.integrated-workbench .rpa-account-shell { min-height:calc(100vh - 72px); display:grid; grid-template-columns:82px 182px minmax(0,1fr); background:#121315; color:#dce5ef; }
body.integrated-workbench .rpa-section-nav { display:flex; flex-direction:column; align-items:stretch; border-right:1px solid #30343a; background:#191b1e; }
body.integrated-workbench .rpa-section-nav > strong { height:52px; display:grid; place-items:center; color:#9ca9b8; font-size:11px; font-weight:500; }
body.integrated-workbench .rpa-section-nav > span { padding:18px 12px 8px; color:#8693a2; font-size:10px; }
body.integrated-workbench .rpa-section-nav button { min-height:72px; display:grid; place-items:center; align-content:center; gap:6px; padding:8px 3px; border:0; background:transparent; color:#d8e0e9; font-size:12px; cursor:pointer; }
body.integrated-workbench .rpa-section-nav button i { color:#c7d1dc; font-size:23px; font-style:normal; line-height:1; }
body.integrated-workbench .rpa-section-nav button.active { color:#168cff; background:#151719; }
body.integrated-workbench .rpa-section-nav button.active i { color:#168cff; }
body.integrated-workbench .rpa-group-panel { padding:14px; border-right:1px solid #34383e; background:#1b1d20; }
body.integrated-workbench .rpa-group-panel > .primary-btn { width:100%; min-height:34px; height:34px; border-radius:3px; background:#3696f3!important; animation:none!important; color:#fff; }
body.integrated-workbench .rpa-group-panel > input { width:100%; height:34px; min-height:34px; margin:16px 0 12px; border-radius:3px!important; background:#202226!important; }
body.integrated-workbench #rpaGroupList button { width:100%; height:36px; display:flex; align-items:center; justify-content:space-between; padding:0 4px; border:0; background:transparent; color:#e5ebf2; cursor:pointer; }
body.integrated-workbench #rpaGroupList button b { min-width:18px; padding:2px 4px; border-radius:3px; background:#0e0f11; color:#fff; font-size:11px; }
body.integrated-workbench .rpa-account-main { min-width:0; display:grid; grid-template-rows:60px 42px minmax(360px,1fr); background:#111214; }
body.integrated-workbench .rpa-toolbar { display:grid; grid-template-columns:38px 96px 170px 1fr 150px auto 92px; align-items:center; gap:10px; padding:0 14px; border-bottom:1px solid #303339; }
body.integrated-workbench .rpa-toolbar button,body.integrated-workbench .rpa-toolbar select,body.integrated-workbench .rpa-toolbar input { height:30px; min-height:30px!important; border-radius:3px!important; }
body.integrated-workbench .rpa-delete { border:1px solid #55292c; background:#29191b; color:#a54f56; }
body.integrated-workbench #rpaAddAuthBtn { padding:0 12px; background:#3498f4!important; animation:none!important; color:#fff; }
body.integrated-workbench .rpa-status-filter { display:flex; }
body.integrated-workbench .rpa-status-filter button { min-width:42px; padding:0 8px; border:1px solid #3b4149; background:#17191c; color:#cbd4de; }
body.integrated-workbench .rpa-status-filter button+button { border-left:0; }
body.integrated-workbench .rpa-status-filter button.active { background:#25292e; color:#fff; }
body.integrated-workbench .rpa-detect { border:0; background:#eb6268!important; color:#fff; }
body.integrated-workbench .rpa-table-head,body.integrated-workbench .rpa-account-row { display:grid; grid-template-columns:30px minmax(170px,2fr) 80px repeat(5,70px) minmax(150px,1fr); align-items:center; gap:8px; padding:0 14px; }
body.integrated-workbench .rpa-table-head { border-bottom:1px solid #303339; color:#8798ab; font-size:11px; }
body.integrated-workbench .rpa-account-list { min-height:0; overflow:auto; }
body.integrated-workbench .rpa-account-row { min-height:64px; border-bottom:1px solid #292d32; color:#cbd4de; font-size:11px; }
body.integrated-workbench .rpa-account-row > div:nth-child(2) { display:grid; gap:5px; }
body.integrated-workbench .rpa-account-row strong { color:#f1f5f9; font-size:12px; }
body.integrated-workbench .rpa-account-row small { color:#8493a3; }
body.integrated-workbench .rpa-account-row small i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#7b838d; }
body.integrated-workbench .rpa-account-row small i.online { background:#24ce83; box-shadow:0 0 8px rgba(36,206,131,.45); }
body.integrated-workbench .rpa-account-row em { color:#728091; font-style:normal; }
body.integrated-workbench .rpa-row-actions { display:flex!important; gap:6px!important; }
body.integrated-workbench .rpa-row-actions button { height:26px; padding:0 8px; border:1px solid #35404b; border-radius:3px; background:#171b20; color:#9ecfff; font-size:10px; }
body.integrated-workbench .rpa-empty { height:100%; min-height:520px; display:grid; place-content:center; justify-items:center; gap:14px; color:#aebac7; }
body.integrated-workbench .rpa-empty > div { position:relative; width:96px; height:76px; }
body.integrated-workbench .rpa-empty > div i { position:absolute; display:block; background:#292c32; transform:skewY(8deg); }
body.integrated-workbench .rpa-empty > div i:nth-child(1) { left:20px; bottom:4px; width:54px; height:42px; }
body.integrated-workbench .rpa-empty > div i:nth-child(2) { left:10px; top:4px; width:42px; height:34px; transform:rotate(24deg); }
body.integrated-workbench .rpa-empty > div i:nth-child(3) { right:4px; bottom:5px; width:26px; height:27px; background:#24272c; }
body.integrated-workbench .rpa-empty strong { font-size:13px; font-weight:500; }
body.integrated-workbench .rpa-empty span { color:#657180; font-size:11px; }
body.integrated-workbench .rpa-account-shell { position:relative!important; }
body.integrated-workbench .rpa-account-main { position:relative!important; display:grid!important; grid-template-rows:58px 40px minmax(0,1fr) 52px!important; min-height:calc(100vh - 72px)!important; }
body.integrated-workbench .rpa-account-list { min-height:0!important; position:relative!important; overflow:auto!important; }
body.integrated-workbench .rpa-empty { position:absolute!important; inset:0!important; display:grid!important; place-content:center!important; justify-items:center!important; gap:12px!important; }
body.integrated-workbench .rpa-pagination { display:flex!important; align-items:center!important; gap:10px!important; padding:0 14px!important; border-top:1px solid #30353b!important; background:#1b1d20!important; color:#dbe4ec!important; font-size:12px!important; }
body.integrated-workbench .rpa-pagination select,
body.integrated-workbench .rpa-pagination input { height:30px!important; border:1px solid #3b444d!important; border-radius:3px!important; background:#202328!important; color:#e7edf3!important; padding:0 9px!important; }
body.integrated-workbench .rpa-pagination input { width:44px!important; text-align:center!important; }
body.integrated-workbench .rpa-pagination button { width:32px!important; height:30px!important; border:1px solid #343c44!important; border-radius:3px!important; background:#202328!important; color:#aeb9c3!important; }
body.integrated-workbench .rpa-pagination button.active { border-color:#279cf0!important; background:#168cff!important; color:#fff!important; }
body.integrated-workbench .rpa-pagination i { flex:1!important; }
body.integrated-workbench .rpa-pagination #rpaRefreshBtn,
body.integrated-workbench .rpa-pagination #rpaSettingsBtn { border-radius:50%!important; font-size:16px!important; }
body.integrated-workbench .rpa-group-collapse { position:absolute!important; z-index:5!important; left:256px!important; top:50%!important; width:18px!important; height:58px!important; transform:translateY(-50%)!important; border:0!important; border-radius:0 9px 9px 0!important; background:#f5f7f9!important; color:#86919c!important; }
body.integrated-workbench .rpa-account-shell.group-collapsed { grid-template-columns:82px 0 minmax(0,1fr)!important; }
body.integrated-workbench .rpa-account-shell.group-collapsed .rpa-group-panel { overflow:hidden!important; opacity:0!important; pointer-events:none!important; }
body.integrated-workbench .rpa-account-shell.group-collapsed .rpa-group-collapse { left:82px!important; }
@media(max-width:900px){body.integrated-workbench .rpa-account-shell{grid-template-columns:68px 1fr}body.integrated-workbench .rpa-group-panel{display:none}body.integrated-workbench .rpa-toolbar{grid-template-columns:36px 92px 1fr auto}body.integrated-workbench .rpa-toolbar>span,body.integrated-workbench #rpaPlatformFilter,body.integrated-workbench .rpa-status-filter{display:none}body.integrated-workbench .rpa-table-head,body.integrated-workbench .rpa-account-row{grid-template-columns:28px minmax(140px,1fr) 72px 120px}body.integrated-workbench .rpa-table-head b:nth-of-type(n+3),body.integrated-workbench .rpa-account-row>em{display:none}}

/* Full-drive digital IP workspace v71. */
body.integrated-workbench .nav-standalone-pages:has(.drive-ip-page:not([hidden])){padding:0!important}
body.integrated-workbench .drive-ip-page{max-width:none!important;min-height:calc(100vh - 72px)!important;margin:0!important}
body.integrated-workbench .drive-ip-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:76px minmax(0,1fr);background:#111214;color:#e7edf5}
body.integrated-workbench .drive-ip-nav{display:flex;flex-direction:column;border-right:1px solid #34373d;background:#191b1e}
body.integrated-workbench .drive-ip-nav>strong{height:46px;display:grid;place-items:center;color:#aab5c1;font-size:11px;font-weight:500}
body.integrated-workbench .drive-ip-nav>span{padding:18px 10px 6px;color:#7e8b9a;font-size:10px}
body.integrated-workbench .drive-ip-nav button{min-height:70px;display:grid;place-items:center;align-content:center;gap:6px;padding:5px 2px;border:0;background:transparent;color:#d7dfe8;font-size:11px;cursor:pointer}
body.integrated-workbench .drive-ip-nav button i{font-size:22px;font-style:normal;color:#c8d1dc}
body.integrated-workbench .drive-ip-nav button.active{color:#168cff;background:#151719}body.integrated-workbench .drive-ip-nav button.active i{color:#168cff}
body.integrated-workbench .drive-ip-main{min-width:0;display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;padding:20px 28px 72px;background:#111214}
body.integrated-workbench .drive-ip-form{display:flex;flex-direction:column;gap:12px;min-width:0}
body.integrated-workbench .drive-ip-form>header{display:flex;align-items:center;gap:7px;height:34px}body.integrated-workbench .drive-ip-form>header b{color:#168cff;font-size:20px}body.integrated-workbench .drive-ip-form>header strong{font-size:15px}body.integrated-workbench .drive-ip-form>header button{margin-left:auto;height:28px;border:0;border-radius:4px;background:#0986e9;color:#fff;padding:0 12px}
body.integrated-workbench .drive-avatar-picker{height:200px;display:grid;grid-template-columns:1fr 155px;align-items:stretch;padding:10px;border:1px solid #29313a;border-radius:6px;background:#f4f7fb;color:#182231;text-align:left;overflow:hidden;cursor:pointer}
body.integrated-workbench .drive-avatar-picker>div{display:grid;align-content:center;gap:8px;padding-left:10px}body.integrated-workbench .drive-avatar-picker b{color:#168cff;font-size:20px}body.integrated-workbench .drive-avatar-picker span{color:#7d8792;font-size:12px}body.integrated-workbench .drive-avatar-picker em{justify-self:start;padding:7px 12px;border-radius:4px;background:#168cff;color:#fff;font-size:11px;font-style:normal}body.integrated-workbench .drive-avatar-picker img{width:100%;height:100%;object-fit:contain;object-position:bottom}
body.integrated-workbench .drive-prompt-head,body.integrated-workbench .drive-audio-head{display:flex;align-items:center;justify-content:space-between}body.integrated-workbench .drive-prompt-head b,body.integrated-workbench .drive-audio-head>b{font-size:13px}body.integrated-workbench .drive-prompt-head button{border:0;background:transparent;color:#dbe6f1;font-size:11px}
body.integrated-workbench #drivePromptInput{min-height:72px!important;padding:10px!important;border-color:#4a525d!important;background:#15171a!important;font-size:12px!important;line-height:1.5!important}
body.integrated-workbench .drive-ip-form>small{color:#727f8e;font-size:10px;line-height:1.5}
body.integrated-workbench .drive-prompt-count { align-self:flex-end!important; margin:-28px 8px 12px 0!important; color:#7f8c99!important; font-size:10px!important; pointer-events:none!important; }
body.integrated-workbench .drive-ip-gallery { min-width:0!important; border-left:1px solid #24292f!important; padding-left:20px!important; }
body.integrated-workbench .drive-ip-gallery > header { border-bottom:1px solid #2a3036!important; padding-bottom:9px!important; }
body.integrated-workbench .drive-ip-gallery > header b { color:#168cff!important; }
body.integrated-workbench #driveGalleryList article { border:1px solid #2c333a!important; background:#191c20!important; }
body.integrated-workbench .drive-audio-head b:first-child{color:#fff}body.integrated-workbench .drive-audio-head b:first-child::first-letter{color:#168cff}body.integrated-workbench .drive-audio-head>div{display:flex;gap:3px}body.integrated-workbench .drive-audio-head button{border:0;background:transparent;color:#e0e6ed;font-size:11px;padding:5px 8px}body.integrated-workbench .drive-audio-head button.active{color:#168cff}
body.integrated-workbench .drive-audio-upload{height:166px;display:grid;place-content:center;justify-items:center;gap:8px;border:1px dashed #51565d;border-radius:5px;background:#151618;color:#dbe2e9;cursor:pointer}body.integrated-workbench .drive-audio-upload i{font-size:42px;color:#aab0b8;font-style:normal}body.integrated-workbench .drive-audio-upload strong{font-size:13px}body.integrated-workbench .drive-audio-upload span{max-width:280px;color:#778392;font-size:9px;text-align:center}
body.integrated-workbench .drive-generate-btn{position:fixed;z-index:8;left:calc(160px + 76px + 28px);bottom:12px;width:350px;height:40px;border:0;border-radius:22px;background:linear-gradient(90deg,#536cff,#a51fee);color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(65,77,255,.22)}
body.integrated-workbench .drive-ip-gallery{min-width:0;padding-top:38px}body.integrated-workbench .drive-ip-gallery>header{height:30px;display:flex;align-items:center;gap:12px;color:#168cff}body.integrated-workbench .drive-ip-gallery>header button{border:0;background:transparent;color:#168cff}
body.integrated-workbench #driveGalleryList{display:flex;align-items:flex-start;gap:10px;min-height:230px;overflow-x:auto;padding:4px 0 14px}body.integrated-workbench #driveGalleryList article{position:relative;flex:0 0 130px;height:180px;border-radius:4px;background:#202328;overflow:hidden}body.integrated-workbench #driveGalleryList video{width:100%;height:100%;object-fit:cover}body.integrated-workbench #driveGalleryList article>button{position:absolute;inset:0;margin:auto;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.82);color:#555;font-size:20px}body.integrated-workbench #driveGalleryList article>span{position:absolute;left:6px;right:6px;bottom:5px;overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000}
body.integrated-workbench .drive-gallery-empty{width:100%;min-height:460px;display:grid;place-content:center;justify-items:center;gap:10px;color:#778493}body.integrated-workbench .drive-gallery-empty i{font-size:50px;color:#2e3238;font-style:normal}body.integrated-workbench .drive-gallery-empty b{color:#9da9b6;font-size:12px}body.integrated-workbench .drive-gallery-empty span{font-size:10px}
@media(max-width:900px){body.integrated-workbench .drive-ip-shell{grid-template-columns:64px 1fr}body.integrated-workbench .drive-ip-main{grid-template-columns:1fr;padding:14px 14px 70px}body.integrated-workbench .drive-ip-gallery{padding-top:0}body.integrated-workbench .drive-generate-btn{left:92px;width:calc(100vw - 112px)}body.integrated-workbench .drive-avatar-picker{grid-template-columns:1fr 130px}}

/* Unified full-drive subviews v72. */
body.integrated-workbench .drive-ip-main:has(.drive-subview){display:block!important;padding:0!important}
body.integrated-workbench .drive-subview{min-height:calc(100vh - 72px);padding:28px 32px;background:#111214}
body.integrated-workbench .drive-subview>header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2b3036}
body.integrated-workbench .drive-subview>header span{color:#168cff;font-size:10px;font-weight:900;letter-spacing:1px}
body.integrated-workbench .drive-subview>header h2{margin:4px 0;color:#f5f8fb;font-size:22px;letter-spacing:0}
body.integrated-workbench .drive-subview>header p{margin:0;color:#7f8c9a;font-size:11px}
body.integrated-workbench .drive-subview>header .primary-btn{min-width:150px;min-height:36px;border-radius:4px!important;background:#168cff!important;color:#fff!important;animation:none!important}
body.integrated-workbench .drive-sub-stats{height:58px;display:flex;align-items:center;gap:36px;border-bottom:1px solid #292d33;color:#8a97a6;font-size:11px}
body.integrated-workbench .drive-sub-stats b{margin-left:6px;color:#dfe8f2;font-size:14px}
body.integrated-workbench .drive-sub-content{padding-top:20px}
body.integrated-workbench .drive-sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
body.integrated-workbench .drive-sub-grid article{min-height:214px;display:grid;grid-template-rows:142px auto auto 28px;gap:6px;padding:8px;border:1px solid #30363e;border-radius:5px;background:#17191c}
body.integrated-workbench .drive-sub-thumb{display:grid;place-items:center;border-radius:3px;background:#0b0d10;overflow:hidden}
body.integrated-workbench .drive-sub-thumb img{width:100%;height:100%;object-fit:cover}body.integrated-workbench .drive-sub-thumb i{font-size:44px;color:#168cff;font-style:normal}
body.integrated-workbench .drive-sub-grid strong{overflow:hidden;color:#e9eef5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}body.integrated-workbench .drive-sub-grid span{color:#28c98a;font-size:10px}
body.integrated-workbench .drive-sub-grid button{border:1px solid #285a7e;border-radius:3px;background:#142431;color:#75c9ff;font-size:10px}
body.integrated-workbench .drive-sub-empty{min-height:480px;display:grid;place-content:center;justify-items:center;gap:10px;color:#7c8997}body.integrated-workbench .drive-sub-empty i{font-size:52px;color:#292e35;font-style:normal}body.integrated-workbench .drive-sub-empty b{color:#aab5c1;font-size:13px}body.integrated-workbench .drive-sub-empty span{font-size:10px}
body.integrated-workbench .drive-sub-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.integrated-workbench .drive-sub-flow>div{min-height:180px;display:grid;align-content:center;justify-items:center;gap:10px;border:1px solid #303740;border-radius:5px;background:#171a1e;text-align:center}
body.integrated-workbench .drive-sub-flow b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#168cff;color:#fff}body.integrated-workbench .drive-sub-flow strong{color:#edf2f8;font-size:14px}body.integrated-workbench .drive-sub-flow span{color:#7f8c9a;font-size:11px}
body.integrated-workbench .drive-tts-panel{max-width:760px;display:grid;gap:14px}body.integrated-workbench .drive-tts-panel label{display:grid;gap:8px;color:#dfe7ef;font-size:12px}body.integrated-workbench .drive-tts-panel textarea{min-height:180px!important;padding:14px!important;background:#15181c!important}body.integrated-workbench .drive-tts-panel>div{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid #303740;border-radius:5px;background:#171a1e;color:#8593a2;font-size:11px}body.integrated-workbench .drive-tts-panel>div b{color:#fff}
body.integrated-workbench .drive-sub-gallery #driveGalleryList{min-height:480px}
@media(max-width:760px){body.integrated-workbench .drive-subview{padding:18px 14px}body.integrated-workbench .drive-subview>header{align-items:flex-start;flex-direction:column;padding-bottom:14px}body.integrated-workbench .drive-subview>header .primary-btn{width:100%}body.integrated-workbench .drive-sub-stats{gap:12px;justify-content:space-between}body.integrated-workbench .drive-sub-flow{grid-template-columns:1fr}}

/* Subtitle editor v69: smaller preview using the source image ratio, no letterbox. */
body.integrated-workbench .yjzb-subtitle-body {
  grid-template-columns:minmax(176px,205px) 152px!important;
  justify-content:start!important;
}
body.integrated-workbench .yjzb-subtitle-preview {
  width:min(205px,100%)!important;
  aspect-ratio:5 / 8!important;
  background-color:transparent!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title {
  top:34px!important;
  font-size:17px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-sub {
  top:72px!important;
  font-size:17px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-caption {
  bottom:58px!important;
  font-size:11px!important;
}
@media (max-width:760px) {
  body.integrated-workbench .yjzb-subtitle-body { grid-template-columns:minmax(160px,190px) 132px!important; }
  body.integrated-workbench .yjzb-subtitle-preview { width:min(190px,100%)!important; }
}
body.integrated-workbench .yjzb-host-card.template-applied {
  border-color:#1d9cff!important;
  box-shadow:inset 0 0 0 1px rgba(29,156,255,.38)!important;
}
body.integrated-workbench .yjzb-host-card .host-template-selected {
  position:absolute!important;
  z-index:6!important;
  top:10px!important;
  right:10px!important;
  padding:3px 7px!important;
  border-radius:5px!important;
  background:#168cff!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
  pointer-events:none!important;
}
body.integrated-workbench #oneClickBoom[hidden],
body.integrated-workbench .nav-standalone-pages[hidden] {
  display: none!important;
}
body.integrated-workbench .nav-home-head > div { display:grid!important; gap:8px!important; }
body.integrated-workbench .nav-home-assets {
  align-self:center!important;
  padding:9px 12px!important;
  border:1px solid rgba(45,151,255,.32)!important;
  border-radius:6px!important;
  background:rgba(18,108,190,.12)!important;
  color:#9bcfff!important;
  white-space:nowrap!important;
}
body.integrated-workbench .nav-home-grid,
body.integrated-workbench .nav-account-grid,
body.integrated-workbench .nav-drive-grid,
body.integrated-workbench .nav-image-grid {
  display:grid!important;
  grid-template-columns: repeat(4, minmax(0,1fr))!important;
  gap: 14px!important;
}
body.integrated-workbench .nav-account-grid,
body.integrated-workbench .nav-drive-grid,
body.integrated-workbench .nav-image-grid { grid-template-columns: repeat(3, minmax(0,1fr))!important; }
body.integrated-workbench .nav-hero-card,
body.integrated-workbench .nav-account-card,
body.integrated-workbench .nav-drive-card,
body.integrated-workbench .nav-image-card {
  min-height: 156px!important;
  display:grid!important;
  align-content: start!important;
  gap: 10px!important;
  padding: 18px!important;
  border: 1px solid #2a3440!important;
  border-radius: 16px!important;
  background: linear-gradient(145deg,#181c22,#121519)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.integrated-workbench .nav-hero-card:hover,
body.integrated-workbench .nav-account-card:hover,
body.integrated-workbench .nav-drive-card:hover,
body.integrated-workbench .nav-image-card:hover { border-color:#198cff!important; background:linear-gradient(145deg,#182436,#13171d)!important; }
body.integrated-workbench .nav-hero-card i { width:42px!important; height:42px!important; display:grid!important; place-items:center!important; border-radius:14px!important; background:#168cff!important; color:#fff!important; font-style:normal!important; font-size:20px!important; font-weight:950!important; }
body.integrated-workbench .nav-hero-card strong,
body.integrated-workbench .nav-account-card strong,
body.integrated-workbench .nav-drive-card strong,
body.integrated-workbench .nav-image-card strong { color:#fff!important; font-size:18px!important; font-weight:950!important; }
body.integrated-workbench .nav-hero-card small,
body.integrated-workbench .nav-account-card small,
body.integrated-workbench .nav-drive-card small,
body.integrated-workbench .nav-image-card small { color:#8d99a8!important; font-size:12px!important; line-height:1.6!important; }
body.integrated-workbench .nav-account-card em { justify-self:start!important; margin-top:auto!important; padding:6px 12px!important; border-radius:999px!important; background:#0d7ee8!important; color:#fff!important; font-style:normal!important; font-weight:900!important; }
body.integrated-workbench .nav-page-row,
body.integrated-workbench .nav-asset-strip,
body.integrated-workbench .nav-publish-console,
body.integrated-workbench .nav-image-preview {
  display:grid!important;
  grid-template-columns: repeat(2, minmax(0,1fr))!important;
  gap: 14px!important;
}
body.integrated-workbench .nav-mini-card,
body.integrated-workbench .nav-asset-strip > div,
body.integrated-workbench .nav-publish-console,
body.integrated-workbench .nav-image-preview {
  min-height: 110px!important;
  padding: 18px!important;
  border: 1px solid #2a3440!important;
  border-radius: 16px!important;
  background: #161a20!important;
  color:#fff!important;
}
body.integrated-workbench .nav-mini-card strong,
body.integrated-workbench .nav-asset-strip b { display:block!important; margin-bottom:8px!important; color:#fff!important; font-size:16px!important; }
body.integrated-workbench .nav-mini-card span,
body.integrated-workbench .nav-asset-strip span { color:#94a1b1!important; font-size:13px!important; }
body.integrated-workbench .nav-publish-console { grid-template-columns:1fr auto!important; align-items:center!important; }
body.integrated-workbench #navPublishPreview { display:grid!important; gap:6px!important; color:#93a0af!important; }
body.integrated-workbench #navPublishPreview b { color:#fff!important; }
body.integrated-workbench .nav-image-preview { grid-template-columns: 260px 1fr!important; align-items:center!important; }
body.integrated-workbench #navImagePreviewBox { height:150px!important; display:grid!important; place-items:center!important; border-radius:12px!important; background:#0c0f13!important; color:#778391!important; overflow:hidden!important; }
body.integrated-workbench #navImagePreviewBox video { width:100%!important; height:100%!important; object-fit:cover!important; }
body.integrated-workbench #navImageStatus { color:#96a3b2!important; }
body.integrated-workbench .side-nav nav a b { color:transparent!important; position:relative!important; }
body.integrated-workbench .side-nav nav a[data-page-link="homePanel"] b::before { content:"⌂"; color:#dbe3ee; }
body.integrated-workbench .side-nav nav a[data-page-link="oneClickBoom"] b::before { content:"◎"; color:#dbe3ee; }
body.integrated-workbench .side-nav nav a[data-page-link="accountManage"] b::before { content:"▣"; color:#dbe3ee; }
body.integrated-workbench .side-nav nav a[data-page-link="fullDriveDigital"] b::before { content:"◌"; color:#dbe3ee; }
body.integrated-workbench .side-nav nav a[data-page-link="imageVideo"] b::before { content:"◠"; color:#dbe3ee; }
body.integrated-workbench .side-nav nav a.active b::before { color:#1298ff!important; }
@media (max-width: 900px) {
  body.integrated-workbench .nav-home-head { grid-template-columns:1fr!important; }
  body.integrated-workbench .nav-home-assets { justify-self:start!important; white-space:normal!important; }
  body.integrated-workbench .nav-home-grid,
  body.integrated-workbench .nav-account-grid,
  body.integrated-workbench .nav-drive-grid,
  body.integrated-workbench .nav-image-grid,
  body.integrated-workbench .nav-page-row,
  body.integrated-workbench .nav-asset-strip,
  body.integrated-workbench .nav-publish-console,
  body.integrated-workbench .nav-image-preview { grid-template-columns:1fr!important; }
}

/* Polish v51: fix mismatched icons and remove broken question-mark UI. */
body.integrated-workbench .polish-v45-tools i {
  min-width: 24px!important;
  width: auto!important;
  padding: 0 4px!important;
  border-radius: 3px!important;
  font-size: 10px!important;
  letter-spacing: 0!important;
  white-space: nowrap!important;
}
body.integrated-workbench .polish-v45-tools button[data-polish-tool="画中画"] i { font-size: 8px!important; }
body.integrated-workbench .polish-v45-panel-head span {
  width: 18px!important;
  height: 18px!important;
  display: grid!important;
  place-items: center!important;
  border: 1px solid #fff!important;
  color: #fff!important;
  font-weight: 950!important;
  font-size: 12px!important;
}
body.integrated-workbench .polish-v45-data i { display:none!important; }
body.integrated-workbench .polish-v45-iconbar button {
  font-size: 12px!important;
  font-family: inherit!important;
  line-height: 1!important;
}
body.integrated-workbench .polish-v45-iconbar button[data-polish-weight],
body.integrated-workbench .polish-v45-iconbar button[data-polish-italic],
body.integrated-workbench .polish-v45-iconbar button[data-polish-underline] {
  font-family: Georgia, serif!important;
}
body.integrated-workbench .polish-v45-social i:last-child {
  color: #ff2f50!important;
  font-weight: 950!important;
}
body.integrated-workbench .polish-v45-anim {
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 6px!important;
}

/* Subtitle template modal v52: fix chaotic preview card layout and readable hierarchy. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width: min(900px, calc(100vw - 84px))!important;
  height: 458px!important;
  border: 1px solid rgba(255,255,255,.08)!important;
  border-radius: 10px!important;
  background: #111315!important;
}
body.integrated-workbench .subtitle-template-panel header,
.subtitle-template-panel header {
  padding: 0 12px!important;
  background: linear-gradient(180deg,#16191d,#111315)!important;
  border-bottom: 1px solid rgba(255,255,255,.06)!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-auto-columns: 156px!important;
  gap: 12px!important;
  padding: 12px 14px 10px!important;
  align-items: center!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width: 156px!important;
  min-width: 156px!important;
  height: 300px!important;
  border: 1px solid #29313a!important;
  border-radius: 8px!important;
  background: #1b2026!important;
  box-shadow: 0 12px 26px rgba(0,0,0,.32)!important;
}
body.integrated-workbench .subtitle-template-card.selected,
.subtitle-template-card.selected {
  border-color: #1e9bff!important;
  box-shadow: 0 0 0 2px rgba(30,155,255,.28), 0 16px 32px rgba(0,0,0,.45)!important;
}
body.integrated-workbench .subtitle-template-card.selected::after,
.subtitle-template-card.selected::after {
  content: "已选"!important;
  position: absolute!important;
  top: 8px!important;
  right: 8px!important;
  z-index: 4!important;
  padding: 3px 7px!important;
  border-radius: 999px!important;
  background: #168cff!important;
  color: #fff!important;
  font-size: 11px!important;
  font-weight: 900!important;
}
body.integrated-workbench .subtitle-template-card img,
.subtitle-template-card img { filter: brightness(.78) saturate(1.05)!important; }
body.integrated-workbench .subtitle-template-card .tpl-title,
body.integrated-workbench .subtitle-template-card .tpl-sub,
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-caption {
  left: 10px!important;
  right: 10px!important;
  max-width: calc(100% - 20px)!important;
  overflow: hidden!important;
  display: -webkit-box!important;
  -webkit-box-orient: vertical!important;
  text-wrap: balance!important;
  letter-spacing: .2px!important;
  text-shadow: 0 2px 3px #000, 0 0 4px #000!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title {
  top: 42px!important;
  font-size: 16px!important;
  line-height: 1.16!important;
  -webkit-line-clamp: 2!important;
}
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub {
  top: 84px!important;
  font-size: 14px!important;
  line-height: 1.18!important;
  -webkit-line-clamp: 1!important;
}
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption {
  bottom: 74px!important;
  font-size: 12px!important;
  line-height: 1.16!important;
  -webkit-line-clamp: 1!important;
}
body.integrated-workbench .subtitle-template-card.greenbar .tpl-title,
.subtitle-template-card.greenbar .tpl-title { top: 66px!important; font-size: 15px!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-title,
.subtitle-template-card.stack .tpl-title { top: 40px!important; font-size: 12px!important; text-align: right!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-sub,
.subtitle-template-card.stack .tpl-sub { top: 176px!important; font-size: 17px!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-caption,
.subtitle-template-card.stack .tpl-caption { bottom: 112px!important; font-size: 12px!important; }
body.integrated-workbench .subtitle-template-panel footer,
.subtitle-template-panel footer { border-top: 1px solid rgba(255,255,255,.06)!important; background:#101214!important; }
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-panel,
  .subtitle-template-panel { width: calc(100vw - 16px)!important; height: 424px!important; }
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-auto-columns: 142px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width:142px!important; min-width:142px!important; height:270px!important; }
}


/* Subtitle template modal v53: CSS unicode-safe selected badge. */
body.integrated-workbench .subtitle-template-card.selected::after,
.subtitle-template-card.selected::after { content: "\5DF2\9009"!important; }

/* Subtitle template modal v54: stable grid and compact readable previews. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width: min(860px, calc(100vw - 40px))!important;
  height: min(500px, calc(100vh - 40px))!important;
  grid-template-rows: 58px minmax(0, 1fr) 58px!important;
  border: 1px solid #2a3038!important;
  border-radius: 8px!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  display: grid!important;
  grid-template-columns: repeat(5, minmax(0, 1fr))!important;
  grid-auto-flow: row!important;
  grid-auto-columns: auto!important;
  align-content: start!important;
  gap: 12px!important;
  padding: 14px!important;
  overflow-x: hidden!important;
  overflow-y: auto!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width: 100%!important;
  min-width: 0!important;
  height: auto!important;
  aspect-ratio: 9 / 16!important;
  border: 1px solid #303943!important;
  border-radius: 6px!important;
  box-shadow: none!important;
}
body.integrated-workbench .subtitle-template-card.selected,
.subtitle-template-card.selected {
  border-color: #229cff!important;
  box-shadow: 0 0 0 2px rgba(34,156,255,.3)!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title {
  top: 34px!important;
  font-size: 15px!important;
  line-height: 1.25!important;
}
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub {
  top: 76px!important;
  font-size: 12px!important;
  line-height: 1.25!important;
}
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption {
  bottom: 54px!important;
  font-size: 10px!important;
}
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-panel,
  .subtitle-template-panel { width: calc(100vw - 16px)!important; height: calc(100vh - 24px)!important; }
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-template-columns: repeat(2, minmax(0, 1fr))!important; gap: 10px!important; padding: 10px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width: 100%!important; min-width: 0!important; height: auto!important; }
}

/* UI fix v55: keep subtitle previews in one clean horizontal rail. */
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-template-columns: none!important;
  grid-auto-flow: column!important;
  grid-auto-columns: 142px!important;
  align-items: center!important;
  align-content: stretch!important;
  padding: 14px!important;
  overflow-x: auto!important;
  overflow-y: hidden!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width: 142px!important;
  min-width: 142px!important;
  height: 252px!important;
  aspect-ratio: auto!important;
}
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-template-columns: none!important; grid-auto-flow: column!important; grid-auto-columns: 136px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width: 136px!important; min-width: 136px!important; height: 242px!important; }
}

/* Subtitle modal v56: six complete cards in the desktop viewport. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width: min(872px, calc(100vw - 40px))!important;
  height: min(430px, calc(100vh - 40px))!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-auto-columns: 130px!important;
  gap: 10px!important;
  padding: 14px 16px!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width: 130px!important;
  min-width: 130px!important;
  height: 232px!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title { top: 28px!important; font-size: 14px!important; }
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub { top: 68px!important; font-size: 11px!important; }
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption { bottom: 44px!important; font-size: 9px!important; }
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-panel,
  .subtitle-template-panel { height: min(430px, calc(100vh - 24px))!important; }
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-auto-columns: 136px!important; padding: 12px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width:136px!important; min-width:136px!important; height:242px!important; }
}

/* Subtitle modal v58: conceal the next-card sliver without disabling scrolling. */
@media (min-width: 761px) {
  body.integrated-workbench .subtitle-template-panel::after,
  .subtitle-template-panel::after {
    content: ""!important;
    position: absolute!important;
    z-index: 5!important;
    top: 58px!important;
    right: 0!important;
    bottom: 58px!important;
    width: 29px!important;
    background: #111315!important;
    pointer-events: none!important;
  }
}

/* Subtitle modal v57: clean source image and exact six-card viewport. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width: min(872px, calc(100vw - 40px))!important;
  height: min(412px, calc(100vh - 40px))!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-auto-columns: 125px!important;
  gap: 18px!important;
  padding: 14px 16px!important;
  scroll-snap-type: x mandatory!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width: 125px!important;
  min-width: 125px!important;
  height: 222px!important;
  scroll-snap-align: start!important;
}
body.integrated-workbench .subtitle-template-card img,
.subtitle-template-card img {
  object-position: center 18%!important;
  filter: brightness(.72) saturate(.88)!important;
}
body.integrated-workbench .subtitle-template-card.selected::after,
.subtitle-template-card.selected::after {
  top: 6px!important;
  right: 6px!important;
  padding: 2px 6px!important;
  font-size: 10px!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title { top: 34px!important; font-size: 14px!important; line-height:1.25!important; }
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub { top: 76px!important; font-size: 11px!important; line-height:1.25!important; }
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption { bottom: 26px!important; font-size: 9px!important; }
@media (max-width: 760px) {
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-auto-columns: 136px!important; gap:12px!important; padding:12px!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width:136px!important; min-width:136px!important; height:242px!important; }
}

/* Subtitle presets v164: ten distinct self-media layouts in one comparison grid. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width: min(900px, calc(100vw - 32px))!important;
  height: min(640px, calc(100vh - 24px))!important;
  grid-template-rows: 58px minmax(0,1fr) 58px!important;
}
body.integrated-workbench .subtitle-template-panel::after,
.subtitle-template-panel::after { content: none!important; display:none!important; }
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  align-items:start!important;
  align-content:start!important;
  gap:12px!important;
  padding:14px 16px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-snap-type:none!important;
}
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:9/13.5!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#111820!important;
}
body.integrated-workbench .subtitle-template-card::before,
.subtitle-template-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,12,.35),transparent 35%,rgba(2,6,9,.45));
}
body.integrated-workbench .subtitle-template-card img,
.subtitle-template-card img { z-index:0!important; filter:brightness(.82) saturate(.9)!important; }
body.integrated-workbench .subtitle-template-card .tpl-title,
body.integrated-workbench .subtitle-template-card .tpl-sub,
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-caption { z-index:2!important; text-wrap:balance!important; }
body.integrated-workbench .subtitle-template-card em,
.subtitle-template-card em {
  top:auto!important;
  right:auto!important;
  left:8px!important;
  bottom:7px!important;
  z-index:3!important;
  padding:3px 6px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:3px!important;
  background:rgba(4,10,15,.72)!important;
  color:#dce8f2!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
}
body.integrated-workbench .subtitle-template-card.blue .tpl-title,
.subtitle-template-card.blue .tpl-title { top:31px!important; color:#fff!important; font-size:15px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.blue .tpl-sub,
.subtitle-template-card.blue .tpl-sub { top:75px!important; color:#62d3ff!important; font-size:11px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.blue .tpl-caption,
.subtitle-template-card.blue .tpl-caption { bottom:38px!important; padding:3px!important; background:rgba(8,111,179,.78)!important; color:#fff!important; }

body.integrated-workbench .subtitle-template-card.yellow::before,
.subtitle-template-card.yellow::before { background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 48%,rgba(0,0,0,.55))!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-title,
.subtitle-template-card.yellow .tpl-title { top:30px!important; color:#ffe600!important; font-size:18px!important; line-height:1.12!important; text-align:center!important; -webkit-text-stroke:.45px #161000!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-sub,
.subtitle-template-card.yellow .tpl-sub { top:72px!important; color:#fff!important; font-size:11px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-caption,
.subtitle-template-card.yellow .tpl-caption { bottom:38px!important; color:#ffe600!important; border-top:1px solid #ffe600!important; padding-top:4px!important; }

body.integrated-workbench .subtitle-template-card.cyan::before,
.subtitle-template-card.cyan::before { border-left:4px solid #00ddff!important; background:linear-gradient(90deg,rgba(3,20,27,.72),transparent 60%)!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-title,
.subtitle-template-card.cyan .tpl-title { top:42px!important; left:17px!important; color:#fff!important; font-size:15px!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-sub,
.subtitle-template-card.cyan .tpl-sub { top:87px!important; left:17px!important; color:#00e1ff!important; font-size:11px!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-caption,
.subtitle-template-card.cyan .tpl-caption { bottom:40px!important; left:17px!important; color:#b8f6ff!important; text-align:left!important; }

body.integrated-workbench .subtitle-template-card.greenbar .tpl-title,
.subtitle-template-card.greenbar .tpl-title { top:76px!important; left:0!important; right:0!important; max-width:100%!important; padding:8px 9px!important; background:rgba(0,0,0,.86)!important; color:#75ff87!important; font-size:16px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-sub,
.subtitle-template-card.greenbar .tpl-sub { display:block!important; top:116px!important; color:#fff!important; font-size:10px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-caption,
.subtitle-template-card.greenbar .tpl-caption { bottom:38px!important; color:#8aff99!important; }

body.integrated-workbench .subtitle-template-card.white::before,
.subtitle-template-card.white::before { background:linear-gradient(180deg,rgba(4,8,11,.62),transparent 45%,rgba(3,6,8,.68))!important; }
body.integrated-workbench .subtitle-template-card.white .tpl-title,
.subtitle-template-card.white .tpl-title { top:28px!important; color:#fff!important; font-size:16px!important; text-align:center!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.white .tpl-title::after,
.subtitle-template-card.white .tpl-title::after { content:""; display:block; width:24px; height:2px; margin:7px auto 0; background:#fff; }
body.integrated-workbench .subtitle-template-card.white .tpl-sub,
.subtitle-template-card.white .tpl-sub { top:82px!important; color:#e8edf2!important; font-size:10px!important; text-align:center!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.white .tpl-caption,
.subtitle-template-card.white .tpl-caption { bottom:38px!important; color:#fff!important; font-family:serif!important; }

body.integrated-workbench .subtitle-template-card.orange::before,
.subtitle-template-card.orange::before { background:linear-gradient(180deg,transparent 46%,rgba(8,9,11,.92) 73%)!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-title,
.subtitle-template-card.orange .tpl-title { top:auto!important; bottom:62px!important; color:#fff!important; font-size:15px!important; text-align:left!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-sub,
.subtitle-template-card.orange .tpl-sub { top:auto!important; bottom:42px!important; color:#ffad2f!important; font-size:10px!important; text-align:left!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-caption,
.subtitle-template-card.orange .tpl-caption { top:18px!important; bottom:auto!important; color:#fff!important; text-align:right!important; }

body.integrated-workbench .subtitle-template-card.stack::before,
.subtitle-template-card.stack::before { background:linear-gradient(90deg,transparent 52%,rgba(4,8,12,.8))!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-title,
.subtitle-template-card.stack .tpl-title { top:36px!important; left:54px!important; color:#fff!important; font-size:13px!important; text-align:right!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-sub,
.subtitle-template-card.stack .tpl-sub { top:104px!important; left:54px!important; color:#6ad7ff!important; font-size:15px!important; text-align:right!important; }
body.integrated-workbench .subtitle-template-card.stack .tpl-caption,
.subtitle-template-card.stack .tpl-caption { bottom:42px!important; color:#fff!important; text-align:right!important; border-right:3px solid #22aaff!important; padding-right:6px!important; }

body.integrated-workbench .subtitle-template-card.red::before,
.subtitle-template-card.red::before { background:linear-gradient(180deg,rgba(43,0,0,.52),transparent 52%,rgba(0,0,0,.55))!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-title,
.subtitle-template-card.red .tpl-title { top:32px!important; left:0!important; right:0!important; max-width:100%!important; padding:6px!important; background:#e5242a!important; color:#fff!important; font-size:16px!important; text-align:center!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-sub,
.subtitle-template-card.red .tpl-sub { top:77px!important; color:#fff!important; font-size:11px!important; text-align:center!important; -webkit-text-stroke:0!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-caption,
.subtitle-template-card.red .tpl-caption { bottom:38px!important; color:#ff6469!important; }

body.integrated-workbench .subtitle-template-card.neon::before,
.subtitle-template-card.neon::before { inset:10px!important; border:1px solid rgba(29,223,255,.75)!important; background:linear-gradient(180deg,rgba(1,14,24,.58),transparent 55%,rgba(1,14,24,.8))!important; box-shadow:inset 0 0 12px rgba(0,202,255,.14)!important; }
body.integrated-workbench .subtitle-template-card.neon .tpl-title,
.subtitle-template-card.neon .tpl-title { top:42px!important; color:#fff!important; font-size:15px!important; text-align:center!important; text-shadow:0 0 8px #00bfff!important; }
body.integrated-workbench .subtitle-template-card.neon .tpl-sub,
.subtitle-template-card.neon .tpl-sub { top:84px!important; color:#43efff!important; font-size:11px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.neon .tpl-caption,
.subtitle-template-card.neon .tpl-caption { bottom:40px!important; color:#9af6ff!important; }

body.integrated-workbench .subtitle-template-card.minimal::before,
.subtitle-template-card.minimal::before { background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 58%,rgba(245,248,250,.93) 58%)!important; }
body.integrated-workbench .subtitle-template-card.minimal .tpl-title,
.subtitle-template-card.minimal .tpl-title { top:auto!important; bottom:59px!important; color:#111820!important; font-size:14px!important; text-align:left!important; text-shadow:none!important; }
body.integrated-workbench .subtitle-template-card.minimal .tpl-sub,
.subtitle-template-card.minimal .tpl-sub { top:auto!important; bottom:40px!important; color:#167bc2!important; font-size:10px!important; text-align:left!important; text-shadow:none!important; }
body.integrated-workbench .subtitle-template-card.minimal .tpl-caption,
.subtitle-template-card.minimal .tpl-caption { top:20px!important; bottom:auto!important; color:#fff!important; text-align:center!important; }
@media(max-width:760px){
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding:10px!important; overflow-y:auto!important; }
  body.integrated-workbench .subtitle-template-card,
  .subtitle-template-card { width:100%!important; min-width:0!important; height:auto!important; }
}
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-title {
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 0 10px #00bfff!important;
}
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-sub {
  color:#43efff!important;
  text-align:center!important;
}
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-caption {
  color:#9af6ff!important;
  border:1px solid rgba(29,223,255,.7)!important;
  padding:3px 8px!important;
}
body.integrated-workbench .yjzb-host-card[data-template="minimal"] .host-template-title {
  top:auto!important;
  bottom:54px!important;
  color:#111820!important;
  background:rgba(255,255,255,.92)!important;
  padding:7px 9px!important;
  text-align:left!important;
  text-shadow:none!important;
}
body.integrated-workbench .yjzb-host-card[data-template="minimal"] .host-template-sub {
  top:auto!important;
  bottom:30px!important;
  color:#167bc2!important;
  background:rgba(255,255,255,.92)!important;
  padding:2px 9px 6px!important;
  text-align:left!important;
  text-shadow:none!important;
}

/* Digital avatar library v73 */
body.integrated-workbench .avatar-library-page { padding:28px 30px 40px!important; color:#172033!important; }
body.integrated-workbench .avatar-library-title { display:flex!important; align-items:center!important; justify-content:space-between!important; margin-bottom:20px!important; }
body.integrated-workbench .avatar-library-title > div { display:grid!important; gap:5px!important; }
body.integrated-workbench .avatar-library-title b { color:#f5f7fb!important; font-size:24px!important; font-weight:900!important; }
body.integrated-workbench .avatar-library-title span { color:#8490a1!important; font-size:13px!important; }
body.integrated-workbench .avatar-library-title > button { padding:8px 15px!important; border:1px solid #303846!important; border-radius:6px!important; background:#171c24!important; color:#cbd3df!important; cursor:pointer!important; }
body.integrated-workbench .avatar-library-hero { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; }
body.integrated-workbench .avatar-create-banner { position:relative!important; min-height:205px!important; padding:30px 34px!important; overflow:hidden!important; border:0!important; border-radius:8px!important; text-align:left!important; cursor:pointer!important; transition:transform .2s ease,box-shadow .2s ease!important; }
body.integrated-workbench .avatar-create-banner:hover { transform:translateY(-3px)!important; box-shadow:0 16px 34px rgba(0,0,0,.22)!important; }
body.integrated-workbench .avatar-create-banner.image { background:linear-gradient(110deg,#ffe4e9 0%,#ffeef1 56%,#f8cbd4 100%)!important; }
body.integrated-workbench .avatar-create-banner.video { background:linear-gradient(110deg,#dceeff 0%,#edf6ff 56%,#badcf8 100%)!important; }
body.integrated-workbench .avatar-create-copy { position:relative!important; z-index:2!important; display:grid!important; justify-items:start!important; }
body.integrated-workbench .avatar-create-copy i { margin-bottom:13px!important; color:#7e8795!important; font-size:11px!important; font-style:normal!important; font-weight:800!important; }
body.integrated-workbench .avatar-create-copy strong { color:#202633!important; font-size:26px!important; font-weight:950!important; }
body.integrated-workbench .avatar-create-copy small { max-width:280px!important; margin-top:8px!important; color:#657080!important; font-size:13px!important; line-height:1.55!important; }
body.integrated-workbench .avatar-create-copy em { margin-top:20px!important; color:#252c39!important; font-size:13px!important; font-style:normal!important; font-weight:900!important; }
body.integrated-workbench .avatar-create-copy em b { margin-left:7px!important; font-size:18px!important; }
body.integrated-workbench .avatar-create-art { position:absolute!important; right:22px!important; bottom:-6px!important; width:178px!important; height:182px!important; border-radius:80px 80px 8px 8px!important; background:url('/assets/yjzb/digital-avatar-hd.jpg') center 18%/cover no-repeat!important; filter:saturate(.78) contrast(.95)!important; box-shadow:0 18px 30px rgba(70,82,106,.18)!important; }
body.integrated-workbench .avatar-create-art::before { content:""!important; position:absolute!important; inset:16px -10px -10px 18px!important; z-index:-1!important; border:1px solid rgba(255,255,255,.78)!important; border-radius:80px 80px 8px 8px!important; }
body.integrated-workbench .video-art { transform:scaleX(-1)!important; }
body.integrated-workbench .avatar-library-tabs { display:flex!important; align-items:end!important; justify-content:space-between!important; margin-top:30px!important; border-bottom:1px solid #29313d!important; }
body.integrated-workbench .avatar-library-tabs > div { display:flex!important; align-items:center!important; gap:16px!important; }
body.integrated-workbench .avatar-library-tabs button { padding:0 2px 13px!important; border:0!important; border-bottom:2px solid #1696ff!important; background:transparent!important; color:#f4f7fb!important; font-size:16px!important; font-weight:900!important; }
body.integrated-workbench .avatar-library-tabs span,body.integrated-workbench .avatar-library-tabs small { padding-bottom:13px!important; color:#798698!important; font-size:12px!important; }
body.integrated-workbench .avatar-library-list { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important; gap:16px!important; margin-top:18px!important; }
body.integrated-workbench .avatar-library-card { overflow:hidden!important; border:1px solid #2b3441!important; border-radius:7px!important; background:#171c23!important; transition:border-color .2s ease,transform .2s ease!important; }
body.integrated-workbench .avatar-library-card:hover,body.integrated-workbench .avatar-library-card.selected { border-color:#2198f5!important; transform:translateY(-2px)!important; }
body.integrated-workbench .avatar-library-thumb { position:relative!important; aspect-ratio:4/5!important; overflow:hidden!important; background:#0f1319!important; }
body.integrated-workbench .avatar-library-thumb img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center top!important; }
body.integrated-workbench .avatar-library-thumb > span { position:absolute!important; top:10px!important; left:10px!important; padding:4px 7px!important; border-radius:4px!important; background:rgba(11,16,24,.72)!important; color:#e9eef5!important; font-size:10px!important; }
body.integrated-workbench .avatar-library-thumb > button { position:absolute!important; inset:50% auto auto 50%!important; width:40px!important; height:40px!important; transform:translate(-50%,-50%)!important; border:1px solid rgba(255,255,255,.75)!important; border-radius:50%!important; background:rgba(13,20,30,.66)!important; color:#fff!important; cursor:pointer!important; opacity:0!important; transition:opacity .2s ease!important; }
body.integrated-workbench .avatar-library-card:hover .avatar-library-thumb > button { opacity:1!important; }
body.integrated-workbench .avatar-library-info { display:grid!important; gap:12px!important; padding:13px!important; }
body.integrated-workbench .avatar-library-info > div { display:flex!important; justify-content:space-between!important; gap:8px!important; }
body.integrated-workbench .avatar-library-info strong { overflow:hidden!important; color:#edf2f8!important; font-size:13px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
body.integrated-workbench .avatar-library-info small { color:#58b889!important; font-size:10px!important; white-space:nowrap!important; }
body.integrated-workbench .avatar-library-info > button { height:32px!important; border:1px solid #218ee4!important; border-radius:5px!important; background:#137fd3!important; color:#fff!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; }
body.integrated-workbench .avatar-library-info > button:disabled { border-color:#303844!important; background:#252b34!important; color:#737d8b!important; cursor:not-allowed!important; }
body.integrated-workbench .avatar-library-empty { grid-column:1/-1!important; min-height:240px!important; display:grid!important; place-content:center!important; justify-items:center!important; gap:8px!important; border:1px dashed #313b49!important; border-radius:7px!important; color:#8490a0!important; }
body.integrated-workbench .avatar-library-empty i { width:44px!important; height:44px!important; display:grid!important; place-items:center!important; border-radius:50%!important; background:#202833!important; color:#58aef0!important; font-size:26px!important; font-style:normal!important; }
body.integrated-workbench .avatar-library-empty strong { color:#dce3ec!important; font-size:15px!important; }
body.integrated-workbench .avatar-library-empty span { font-size:12px!important; }
/* Digital avatar page v208: compact benchmark-aligned gallery. */
body.integrated-workbench .avatar-library-page { padding:20px 18px 34px!important; }
body.integrated-workbench .avatar-library-title { margin-bottom:14px!important; }
body.integrated-workbench .avatar-library-title b { font-size:20px!important; }
body.integrated-workbench .avatar-library-hero { gap:14px!important; }
body.integrated-workbench .avatar-create-banner { min-height:180px!important; padding:24px 28px!important; }
body.integrated-workbench .avatar-create-copy strong { font-size:26px!important; }
body.integrated-workbench .avatar-library-tabs { margin-top:14px!important; }
body.integrated-workbench .avatar-library-list { grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important; gap:10px!important; margin-top:12px!important; }
body.integrated-workbench .avatar-library-card { min-width:0!important; cursor:pointer!important; }
body.integrated-workbench .avatar-library-thumb { aspect-ratio:4/5!important; }
body.integrated-workbench .avatar-library-thumb > span { top:6px!important; left:6px!important; padding:3px 5px!important; }
body.integrated-workbench .avatar-library-info { gap:7px!important; padding:8px!important; }
body.integrated-workbench .avatar-library-info strong { font-size:11px!important; }
body.integrated-workbench .avatar-library-info > button { height:27px!important; font-size:10px!important; }
@media (max-width:900px) { body.integrated-workbench .avatar-library-page { padding:20px 16px 34px!important; } body.integrated-workbench .avatar-library-hero { grid-template-columns:1fr!important; } body.integrated-workbench .avatar-create-banner { min-height:180px!important; padding:24px!important; } body.integrated-workbench .avatar-create-art { right:8px!important; width:130px!important; height:150px!important; opacity:.78!important; } body.integrated-workbench .avatar-create-copy small { max-width:210px!important; } }
/* Subtitle preview v74: enlarge the selected portrait preview by 1.5x. */
body.integrated-workbench .yjzb-subtitle-body {
  grid-template-columns:308px 152px!important;
  width:max-content!important;
  max-width:100%!important;
}
body.integrated-workbench .yjzb-subtitle-preview {
  width:308px!important;
  max-width:none!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title {
  top:51px!important;
  left:18px!important;
  right:18px!important;
  font-size:25px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-sub {
  top:108px!important;
  left:18px!important;
  right:18px!important;
  font-size:25px!important;
}
body.integrated-workbench .yjzb-host-card .host-template-caption {
  bottom:87px!important;
  font-size:15px!important;
}
body.integrated-workbench #chooseTitleTemplateBtn {
  top:50%!important;
  left:14px!important;
  right:14px!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  min-height:42px!important;
  z-index:8!important;
  opacity:1!important;
  pointer-events:auto!important;
  background:#168cff!important;
  box-shadow:0 8px 18px rgba(0,90,180,.28)!important;
}
body.integrated-workbench .yjzb-host-card .host-template-selected {
  top:15px!important;
  right:15px!important;
  padding:5px 10px!important;
  font-size:13px!important;
}
@media (max-width:760px) {
  body.integrated-workbench .yjzb-subtitle-body { grid-template-columns:285px 132px!important; overflow-x:auto!important; }
  body.integrated-workbench .yjzb-subtitle-preview { width:285px!important; }
}

/* Rewrite style selector v75 */
body.integrated-workbench .rewrite-style-select { position:relative!important; min-width:0!important; }
body.integrated-workbench .rewrite-style-select > select { position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; }
body.integrated-workbench #rewriteStyleTrigger { width:100%!important; height:36px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; padding:0 10px!important; border:1px solid #3d4652!important; border-radius:4px!important; background:#12161b!important; color:#dfe6ee!important; font-size:13px!important; cursor:pointer!important; }
body.integrated-workbench .rewrite-style-select.open #rewriteStyleTrigger { border-color:#168cff!important; box-shadow:0 0 0 1px rgba(22,140,255,.16)!important; }
body.integrated-workbench #rewriteStyleTrigger i { color:#8d98a5!important; font-size:16px!important; font-style:normal!important; transition:transform .18s ease!important; }
body.integrated-workbench .rewrite-style-select.open #rewriteStyleTrigger i { transform:rotate(180deg)!important; }
body.integrated-workbench .rewrite-style-menu { position:absolute!important; z-index:120!important; top:42px!important; left:0!important; right:0!important; max-height:278px!important; padding:8px 0!important; overflow-y:auto!important; border:1px solid #3a424d!important; border-radius:4px!important; background:#202124!important; box-shadow:0 16px 32px rgba(0,0,0,.48)!important; }
body.integrated-workbench .rewrite-style-menu[hidden] { display:none!important; }
body.integrated-workbench .rewrite-style-menu::before { content:""!important; position:absolute!important; top:-5px!important; left:54%!important; width:9px!important; height:9px!important; transform:rotate(45deg)!important; border-left:1px solid #3a424d!important; border-top:1px solid #3a424d!important; background:#202124!important; }
body.integrated-workbench .rewrite-style-menu button { width:100%!important; min-height:40px!important; display:block!important; padding:0 20px!important; border:0!important; background:transparent!important; color:#c8cdd4!important; text-align:left!important; font-size:14px!important; font-weight:700!important; cursor:pointer!important; }
body.integrated-workbench .rewrite-style-menu button:hover { background:#292b2f!important; color:#fff!important; }
body.integrated-workbench .rewrite-style-menu button.active { color:#21a3ff!important; background:#24272b!important; }
body.integrated-workbench .rewrite-style-menu::-webkit-scrollbar { width:6px!important; }
body.integrated-workbench .rewrite-style-menu::-webkit-scrollbar-thumb { border-radius:3px!important; background:#666a70!important; }

/* Running halo v76: one clean edge, without nested cyan borders. */

/* Premium subtitle system v165: modal cards and selected preview share the same layout. */
body.integrated-workbench .subtitle-template-card .tpl-title,
body.integrated-workbench .subtitle-template-card .tpl-sub,
body.integrated-workbench .subtitle-template-card .tpl-caption,
body.integrated-workbench .yjzb-host-card .host-template-title,
body.integrated-workbench .yjzb-host-card .host-template-sub,
body.integrated-workbench .yjzb-host-card .host-template-caption {
  letter-spacing:0!important;
  -webkit-text-stroke:0!important;
}
body.integrated-workbench .subtitle-template-card em { backdrop-filter:blur(8px)!important; }
body.integrated-workbench .subtitle-template-card.blue .tpl-caption { background:linear-gradient(90deg,#0d5cc7,#1589d1)!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-title { color:#f3d47a!important; text-shadow:0 2px 5px #000!important; }
body.integrated-workbench .subtitle-template-card.yellow .tpl-caption { color:#f3d47a!important; border-color:#aa8540!important; }
body.integrated-workbench .subtitle-template-card.cyan::before { border-left-color:#45b9c8!important; background:linear-gradient(90deg,rgba(5,25,30,.82),transparent 66%)!important; }
body.integrated-workbench .subtitle-template-card.cyan .tpl-sub { color:#67d7df!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-title { color:#d9f1df!important; background:rgba(7,31,24,.9)!important; border-block:1px solid rgba(83,176,135,.55)!important; }
body.integrated-workbench .subtitle-template-card.greenbar .tpl-caption { color:#8fd6b4!important; }
body.integrated-workbench .subtitle-template-card.orange .tpl-sub { color:#e8ad5d!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-title { background:#9e2632!important; }
body.integrated-workbench .subtitle-template-card.red .tpl-caption { color:#e99099!important; }

body.integrated-workbench .yjzb-host-card.template-applied {
  isolation:isolate!important;
  border-color:#344555!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title,
body.integrated-workbench .yjzb-host-card .host-template-sub,
body.integrated-workbench .yjzb-host-card .host-template-caption {
  left:20px!important;
  right:20px!important;
  max-width:calc(100% - 40px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 2px 5px rgba(0,0,0,.92)!important;
  line-height:1.18!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title { top:52px!important; bottom:auto!important; font-size:25px!important; }
body.integrated-workbench .yjzb-host-card .host-template-sub { top:111px!important; bottom:auto!important; font-size:17px!important; }
body.integrated-workbench .yjzb-host-card .host-template-caption { top:auto!important; bottom:83px!important; font-size:13px!important; }
body.integrated-workbench .yjzb-host-card .host-template-selected {
  top:14px!important;
  right:14px!important;
  padding:4px 8px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:3px!important;
  background:rgba(8,15,22,.72)!important;
  color:#dce8f2!important;
  font-size:10px!important;
  backdrop-filter:blur(8px)!important;
}

body.integrated-workbench .yjzb-host-card[data-template="blue"] .host-template-title { top:48px!important; color:#fff!important; }
body.integrated-workbench .yjzb-host-card[data-template="blue"] .host-template-sub { top:108px!important; color:#72ccff!important; }
body.integrated-workbench .yjzb-host-card[data-template="blue"] .host-template-caption { left:0!important; right:0!important; max-width:100%!important; bottom:76px!important; padding:7px 12px!important; background:linear-gradient(90deg,rgba(13,75,154,.82),rgba(17,134,193,.88))!important; }

body.integrated-workbench .yjzb-host-card[data-template="yellow"] .host-template-title { top:45px!important; color:#f3d47a!important; font-family:"STSong","SimSun",serif!important; font-size:29px!important; }
body.integrated-workbench .yjzb-host-card[data-template="yellow"] .host-template-sub { top:111px!important; color:#fff!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="yellow"] .host-template-caption { bottom:80px!important; padding-top:7px!important; border-top:1px solid #aa8540!important; color:#f3d47a!important; }

body.integrated-workbench .yjzb-host-card[data-template="cyan"] { box-shadow:inset 5px 0 0 #45b9c8, inset 90px 0 110px rgba(3,22,28,.48)!important; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"] .host-template-title { top:63px!important; left:30px!important; text-align:left!important; font-size:24px!important; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"] .host-template-sub { top:121px!important; left:30px!important; color:#67d7df!important; text-align:left!important; font-size:16px!important; }
body.integrated-workbench .yjzb-host-card[data-template="cyan"] .host-template-caption { left:30px!important; bottom:76px!important; color:#bce9ed!important; text-align:left!important; }

body.integrated-workbench .yjzb-host-card[data-template="greenbar"] .host-template-title { top:109px!important; left:0!important; right:0!important; max-width:100%!important; padding:12px 18px!important; background:rgba(7,31,24,.9)!important; border-block:1px solid rgba(83,176,135,.55)!important; color:#d9f1df!important; font-size:24px!important; }
body.integrated-workbench .yjzb-host-card[data-template="greenbar"] .host-template-sub { display:block!important; top:166px!important; color:#b6d9c8!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="greenbar"] .host-template-caption { bottom:75px!important; color:#8fd6b4!important; }

body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-title { top:46px!important; color:#fff!important; font-family:"STSong","SimSun",serif!important; font-size:28px!important; }
body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-title::after { content:""; display:block; width:38px; height:2px; margin:10px auto 0; background:#fff; }
body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-sub { top:122px!important; color:#e2e7eb!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="white"] .host-template-caption { bottom:78px!important; font-family:"STSong","SimSun",serif!important; font-weight:700!important; }

body.integrated-workbench .yjzb-host-card[data-template="orange"] { box-shadow:inset 0 -132px 100px -52px rgba(5,8,11,.96)!important; }
body.integrated-workbench .yjzb-host-card[data-template="orange"] .host-template-title { top:auto!important; bottom:103px!important; color:#fff!important; text-align:left!important; font-size:23px!important; }
body.integrated-workbench .yjzb-host-card[data-template="orange"] .host-template-sub { top:auto!important; bottom:76px!important; color:#e8ad5d!important; text-align:left!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="orange"] .host-template-caption { top:30px!important; bottom:auto!important; text-align:left!important; font-size:12px!important; }

body.integrated-workbench .yjzb-host-card[data-template="stack"] { box-shadow:inset -140px 0 120px -45px rgba(4,12,19,.88)!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-title { top:65px!important; left:106px!important; text-align:right!important; font-size:20px!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-sub { top:151px!important; left:106px!important; color:#8fc8e8!important; text-align:right!important; font-size:23px!important; }
body.integrated-workbench .yjzb-host-card[data-template="stack"] .host-template-caption { bottom:83px!important; left:106px!important; padding-right:9px!important; border-right:3px solid #4c9ac7!important; text-align:right!important; }

body.integrated-workbench .yjzb-host-card[data-template="red"] .host-template-title { top:51px!important; left:0!important; right:0!important; max-width:100%!important; padding:11px 16px!important; background:#e5242a!important; color:#fff!important; font-size:25px!important; text-align:center!important; text-shadow:none!important; }
body.integrated-workbench .yjzb-host-card[data-template="red"] .host-template-sub { top:119px!important; color:#fff!important; font-size:15px!important; text-align:center!important; text-shadow:0 2px 3px #111!important; }
body.integrated-workbench .yjzb-host-card[data-template="red"] .host-template-caption { bottom:77px!important; color:#ff6469!important; text-align:center!important; }

body.integrated-workbench .yjzb-host-card[data-template="neon"] { box-shadow:inset 0 0 0 12px rgba(3,13,20,.28), inset 0 0 0 13px rgba(62,192,213,.58)!important; }
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-title { top:68px!important; color:#fff!important; text-align:center!important; text-shadow:0 0 12px #159ab0!important; }
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-sub { top:127px!important; color:#65dce8!important; text-align:center!important; font-size:16px!important; }
body.integrated-workbench .yjzb-host-card[data-template="neon"] .host-template-caption { bottom:79px!important; color:#a4eef2!important; }

body.integrated-workbench .yjzb-host-card[data-template="minimal"] { box-shadow:inset 0 -145px 0 rgba(245,247,248,.94)!important; }
body.integrated-workbench .yjzb-host-card[data-template="minimal"] .host-template-title { top:auto!important; bottom:100px!important; left:24px!important; right:24px!important; color:#151b22!important; background:transparent!important; padding:0!important; text-align:left!important; text-shadow:none!important; font-family:"STSong","SimSun",serif!important; font-size:23px!important; }
body.integrated-workbench .yjzb-host-card[data-template="minimal"] .host-template-sub { top:auto!important; bottom:75px!important; left:24px!important; color:#39728e!important; background:transparent!important; padding:0!important; text-align:left!important; text-shadow:none!important; font-size:13px!important; }
body.integrated-workbench .yjzb-host-card[data-template="minimal"] .host-template-caption { top:31px!important; bottom:auto!important; color:#fff!important; font-size:12px!important; }
body.integrated-workbench .strict-card.is-running {
  border-color:rgba(46,211,238,.72)!important;
  box-shadow:0 0 16px rgba(20,190,235,.12)!important;
  animation:none!important;
}
body.integrated-workbench .strict-card.is-running::before {
  content:none!important;
  display:none!important;
  animation:none!important;
}
body.integrated-workbench .strict-card.is-running::after {
  width:8px!important;
  height:52px!important;
  background:linear-gradient(180deg,transparent,#8cf9ff 38%,#26d8f3 62%,transparent)!important;
  box-shadow:0 0 10px #53e9f7,0 0 26px rgba(29,194,230,.72)!important;
  offset-path:inset(0 round 6px)!important;
  filter:blur(.15px)!important;
}

/* Final Dashan DS mark v121 - overrides legacy star artwork. */
body.integrated-workbench .yjzb-real-brand > span {
  position:relative!important; isolation:isolate!important;
  width:38px!important; height:38px!important; flex:0 0 38px!important;
  display:grid!important; place-items:center!important; overflow:hidden!important;
  border:1px solid #2f8fc8!important; border-radius:9px!important;
  background:linear-gradient(145deg,#102538 0%,#07131e 72%)!important;
  color:#eefaff!important; font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important; font-weight:900!important; font-style:italic!important;
  line-height:1!important; letter-spacing:0!important;
  text-shadow:0 0 9px rgba(51,208,255,.62)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -8px 18px rgba(0,124,197,.12),0 7px 18px rgba(0,70,120,.28)!important;
}
body.integrated-workbench .yjzb-real-brand > span::before {
  content:""!important; position:absolute!important; z-index:0!important;
  top:5px!important; right:5px!important; bottom:auto!important; left:auto!important;
  width:7px!important; height:7px!important;
  border-top:2px solid #41d8ee!important; border-right:2px solid #41d8ee!important;
  border-radius:0 3px 0 0!important; background:transparent!important;
  clip-path:none!important; transform:none!important; box-shadow:none!important;
}
body.integrated-workbench .yjzb-real-brand > span::after {
  content:""!important; position:absolute!important; z-index:0!important;
  left:6px!important; right:6px!important; bottom:5px!important; height:2px!important;
  border-radius:2px!important; background:linear-gradient(90deg,#168cff,#3cd9e9)!important;
  box-shadow:0 0 7px rgba(44,200,240,.55)!important;
}

/* Subtitle expansion v166: fourteen presets stay in a compact two-row grid. */
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel { height:min(510px,calc(100vh - 24px))!important; }
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px 14px!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title { font-size:13px!important; }
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub { font-size:10px!important; }

body.integrated-workbench .subtitle-template-card.luxury::before,
.subtitle-template-card.luxury::before { inset:9px!important; border:1px solid rgba(202,169,98,.72)!important; background:linear-gradient(180deg,rgba(14,11,7,.68),transparent 55%,rgba(12,9,5,.82))!important; }
body.integrated-workbench .subtitle-template-card.luxury .tpl-title,
.subtitle-template-card.luxury .tpl-title { top:38px!important; color:#e8d3a0!important; font-family:"STSong","SimSun",serif!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.luxury .tpl-sub,
.subtitle-template-card.luxury .tpl-sub { top:79px!important; color:#fff4d5!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.luxury .tpl-caption,
.subtitle-template-card.luxury .tpl-caption { bottom:35px!important; color:#caaa62!important; }

body.integrated-workbench .subtitle-template-card.split::before,
.subtitle-template-card.split::before { background:linear-gradient(90deg,rgba(13,78,107,.82) 0 49.5%,rgba(139,54,39,.78) 50.5% 100%)!important; mix-blend-mode:multiply!important; }
body.integrated-workbench .subtitle-template-card.split .tpl-title,
.subtitle-template-card.split .tpl-title { top:48px!important; left:7px!important; right:52%!important; max-width:46%!important; color:#d9f5ff!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.split .tpl-sub,
.subtitle-template-card.split .tpl-sub { top:48px!important; left:52%!important; right:7px!important; max-width:46%!important; color:#ffe0d5!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.split .tpl-caption,
.subtitle-template-card.split .tpl-caption { bottom:36px!important; color:#fff!important; }

body.integrated-workbench .subtitle-template-card.broadcast::before,
.subtitle-template-card.broadcast::before { background:linear-gradient(145deg,rgba(11,45,91,.35) 0 48%,rgba(123,21,35,.4) 49% 100%),linear-gradient(180deg,transparent 45%,rgba(4,8,15,.85))!important; }
body.integrated-workbench .subtitle-template-card.broadcast .tpl-title,
.subtitle-template-card.broadcast .tpl-title { top:auto!important; bottom:60px!important; left:0!important; right:0!important; max-width:100%!important; padding:6px 8px!important; background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important; color:#fff!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.broadcast .tpl-sub,
.subtitle-template-card.broadcast .tpl-sub { top:auto!important; bottom:42px!important; color:#dbe9f7!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.broadcast .tpl-caption,
.subtitle-template-card.broadcast .tpl-caption { top:18px!important; bottom:auto!important; color:#fff!important; text-align:left!important; }

body.integrated-workbench .subtitle-template-card.cinema::before,
.subtitle-template-card.cinema::before { background:linear-gradient(180deg,#050505 0 11%,transparent 11% 83%,#050505 83% 100%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.38))!important; }
body.integrated-workbench .subtitle-template-card.cinema .tpl-title,
.subtitle-template-card.cinema .tpl-title { top:72px!important; color:#f4eee2!important; font-family:"STSong","SimSun",serif!important; font-size:14px!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.cinema .tpl-sub,
.subtitle-template-card.cinema .tpl-sub { top:103px!important; color:#c6bca8!important; font-family:"STSong","SimSun",serif!important; text-align:center!important; }
body.integrated-workbench .subtitle-template-card.cinema .tpl-caption,
.subtitle-template-card.cinema .tpl-caption { bottom:25px!important; color:#b7ad9b!important; }

body.integrated-workbench .yjzb-host-card[data-template="luxury"] { box-shadow:inset 0 0 0 14px rgba(9,7,4,.32),inset 0 0 0 15px rgba(202,169,98,.62)!important; }
body.integrated-workbench .yjzb-host-card[data-template="luxury"] .host-template-title { top:66px!important; color:#e8d3a0!important; font-family:"STSong","SimSun",serif!important; font-size:27px!important; }
body.integrated-workbench .yjzb-host-card[data-template="luxury"] .host-template-sub { top:128px!important; color:#fff4d5!important; font-size:15px!important; }
body.integrated-workbench .yjzb-host-card[data-template="luxury"] .host-template-caption { bottom:80px!important; color:#caaa62!important; }

body.integrated-workbench .yjzb-host-card[data-template="split"] { box-shadow:inset 154px 0 0 rgba(13,78,107,.48),inset -154px 0 0 rgba(139,54,39,.44)!important; }
body.integrated-workbench .yjzb-host-card[data-template="split"] .host-template-title { top:82px!important; left:16px!important; right:54%!important; max-width:42%!important; color:#d9f5ff!important; font-size:21px!important; text-align:center!important; }
body.integrated-workbench .yjzb-host-card[data-template="split"] .host-template-sub { top:82px!important; left:54%!important; right:16px!important; max-width:42%!important; color:#ffe0d5!important; font-size:21px!important; text-align:center!important; }
body.integrated-workbench .yjzb-host-card[data-template="split"] .host-template-caption { bottom:79px!important; color:#fff!important; }

body.integrated-workbench .yjzb-host-card[data-template="broadcast"] { box-shadow:inset 0 -132px 110px -55px rgba(4,8,15,.96)!important; }
body.integrated-workbench .yjzb-host-card[data-template="broadcast"] .host-template-title { top:auto!important; bottom:106px!important; left:0!important; right:0!important; max-width:100%!important; padding:10px 18px!important; background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important; color:#fff!important; text-align:left!important; font-size:23px!important; }
body.integrated-workbench .yjzb-host-card[data-template="broadcast"] .host-template-sub { top:auto!important; bottom:78px!important; color:#dbe9f7!important; text-align:left!important; font-size:14px!important; }
body.integrated-workbench .yjzb-host-card[data-template="broadcast"] .host-template-caption { top:31px!important; bottom:auto!important; text-align:left!important; }

body.integrated-workbench .yjzb-host-card[data-template="cinema"] { box-shadow:inset 0 35px 0 rgba(0,0,0,.94),inset 0 -58px 0 rgba(0,0,0,.94)!important; }
body.integrated-workbench .yjzb-host-card[data-template="cinema"] .host-template-title { top:118px!important; color:#f4eee2!important; font-family:"STSong","SimSun",serif!important; font-size:25px!important; }
body.integrated-workbench .yjzb-host-card[data-template="cinema"] .host-template-sub { top:171px!important; color:#c6bca8!important; font-family:"STSong","SimSun",serif!important; font-size:15px!important; }
body.integrated-workbench .yjzb-host-card[data-template="cinema"] .host-template-caption { bottom:22px!important; color:#b7ad9b!important; }
@media(max-width:760px){
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

/* Subtitle selector v167: larger previews with a fixed header and footer. */
body.integrated-workbench .subtitle-template-layer,
.subtitle-template-layer { padding:8px!important; }
body.integrated-workbench .subtitle-template-panel,
.subtitle-template-panel {
  width:min(1080px,calc(100vw - 16px))!important;
  height:calc(100vh - 16px)!important;
  max-height:760px!important;
  grid-template-rows:58px minmax(0,1fr) 58px!important;
}
body.integrated-workbench .subtitle-template-list,
.subtitle-template-list {
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  padding:16px 18px!important;
  align-content:start!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#344859 #11161b!important;
}
body.integrated-workbench .subtitle-template-list::-webkit-scrollbar,
.subtitle-template-list::-webkit-scrollbar { width:7px!important; height:7px!important; }
body.integrated-workbench .subtitle-template-list::-webkit-scrollbar-thumb,
.subtitle-template-list::-webkit-scrollbar-thumb { border-radius:4px!important; background:#344859!important; }
body.integrated-workbench .subtitle-template-card,
.subtitle-template-card {
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:9/13.5!important;
}
body.integrated-workbench .subtitle-template-card .tpl-title,
.subtitle-template-card .tpl-title { font-size:15px!important; }
body.integrated-workbench .subtitle-template-card .tpl-sub,
.subtitle-template-card .tpl-sub { font-size:11px!important; }
body.integrated-workbench .subtitle-template-card .tpl-caption,
.subtitle-template-card .tpl-caption { font-size:10px!important; }
@media(max-width:760px){
  body.integrated-workbench .subtitle-template-panel,
  .subtitle-template-panel { width:calc(100vw - 10px)!important; height:calc(100vh - 10px)!important; }
  body.integrated-workbench .subtitle-template-list,
  .subtitle-template-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding:10px!important; }
}

@font-face { font-family:"Noto Sans SC"; src:url("/assets/fonts/NotoSansSC-VF.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Ma Shan Zheng"; src:url("/assets/fonts/MaShanZheng-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Liu Jian Mao Cao"; src:url("/assets/fonts/LiuJianMaoCao-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Long Cang"; src:url("/assets/fonts/LongCang-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"ZCOOL KuaiLe"; src:url("/assets/fonts/ZCOOLKuaiLe-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"ZCOOL QingKe HuangYou"; src:url("/assets/fonts/ZCOOLQingKeHuangYou-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"ZCOOL XiaoWei"; src:url("/assets/fonts/ZCOOLXiaoWei-Regular.ttf") format("truetype"); font-display:swap; }

/* Font library v177: searchable Chinese and English font catalog. */
body.integrated-workbench .polish-font-library {
  position:fixed!important;
  z-index:11000!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(760px,calc(100vw - 24px))!important;
  height:min(620px,calc(100vh - 24px))!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:66px minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #40505e!important;
  border-radius:7px!important;
  background:#10161b!important;
  box-shadow:0 30px 90px rgba(0,0,0,.78)!important;
}
body.integrated-workbench .polish-font-library[hidden] { display:none!important; }
body.integrated-workbench .polish-font-library > header {
  display:grid!important;
  grid-template-columns:auto auto minmax(220px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 16px!important;
  border-bottom:1px solid #2c3741!important;
  background:#151d23!important;
}
body.integrated-workbench .polish-font-library > header strong { color:#f2f7fb!important; font-size:15px!important; }
body.integrated-workbench .polish-font-library > header span { padding:3px 6px!important; border-radius:3px!important; background:#123b53!important; color:#62c9f5!important; font-size:10px!important; }
body.integrated-workbench .polish-font-library > header input { width:100%!important; height:36px!important; min-height:36px!important; padding:0 11px!important; border:1px solid #34434f!important; border-radius:5px!important; background:#0b1014!important; color:#eef5fa!important; }
body.integrated-workbench .polish-font-library > main { display:grid!important; gap:18px!important; padding:16px!important; overflow-y:auto!important; }
body.integrated-workbench .polish-font-library section { display:grid!important; gap:9px!important; }
body.integrated-workbench .polish-font-library section[hidden] { display:none!important; }
body.integrated-workbench .polish-font-library section > b { color:#7f94a5!important; font-size:11px!important; }
body.integrated-workbench .polish-font-library section > div { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; }
body.integrated-workbench .polish-font-library [data-font-name] {
  min-height:58px!important;
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  padding:8px 10px!important;
  border:1px solid #2d3943!important;
  border-radius:5px!important;
  background:#12191f!important;
  color:#e9f0f5!important;
  text-align:left!important;
  font-size:14px!important;
}
body.integrated-workbench .polish-font-library [data-font-name][hidden] { display:none!important; }
body.integrated-workbench .polish-font-library [data-font-name] small { color:#71828f!important; font-family:inherit!important; font-size:10px!important; }
body.integrated-workbench .polish-font-library [data-font-name]:hover { border-color:#299ddd!important; background:#152a37!important; }
@media(max-width:700px){body.integrated-workbench .polish-font-library section>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.integrated-workbench .polish-font-library>header{grid-template-columns:auto auto!important;}body.integrated-workbench .polish-font-library>header input{grid-column:1/-1!important;}}

/* Subtitle preset 15 v168: frosted editorial quote. */
body.integrated-workbench .subtitle-template-card.glass::before,
.subtitle-template-card.glass::before {
  inset:34px 10px auto!important;
  height:82px!important;
  border:1px solid rgba(185,224,242,.68)!important;
  border-left:3px solid #70c9e8!important;
  border-radius:3px!important;
  background:rgba(13,28,39,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(7px)!important;
}
body.integrated-workbench .subtitle-template-card.glass .tpl-title,
.subtitle-template-card.glass .tpl-title { top:47px!important; left:22px!important; color:#f4fbff!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.glass .tpl-sub,
.subtitle-template-card.glass .tpl-sub { top:84px!important; left:22px!important; color:#8fd9f0!important; text-align:left!important; }
body.integrated-workbench .subtitle-template-card.glass .tpl-caption,
.subtitle-template-card.glass .tpl-caption { bottom:38px!important; color:#d8edf5!important; text-align:right!important; }
body.integrated-workbench .yjzb-host-card[data-template="glass"] { box-shadow:inset 0 0 100px rgba(8,24,34,.16)!important; }
body.integrated-workbench .yjzb-host-card[data-template="glass"] .host-template-title {
  top:69px!important;
  left:30px!important;
  right:30px!important;
  max-width:calc(100% - 60px)!important;
  padding:18px 18px 47px!important;
  border:1px solid rgba(185,224,242,.68)!important;
  border-left:4px solid #70c9e8!important;
  border-radius:4px!important;
  background:rgba(13,28,39,.66)!important;
  color:#f4fbff!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px)!important;
}
body.integrated-workbench .yjzb-host-card[data-template="glass"] .host-template-sub { top:139px!important; left:50px!important; color:#8fd9f0!important; text-align:left!important; font-size:15px!important; }
body.integrated-workbench .yjzb-host-card[data-template="glass"] .host-template-caption { bottom:78px!important; color:#d8edf5!important; text-align:right!important; }

/* Font library final cascade v178: must follow the generic polish popover rules. */
body.integrated-workbench #polishFontMenu.polish-font-library {
  position:fixed!important;
  z-index:11000!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(760px,calc(100vw - 24px))!important;
  height:min(620px,calc(100vh - 24px))!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:66px minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #40505e!important;
  border-radius:7px!important;
  background:#10161b!important;
  box-shadow:0 30px 90px rgba(0,0,0,.78)!important;
}
body.integrated-workbench #polishFontMenu.polish-font-library[hidden] { display:none!important; }
body.integrated-workbench #polishFontMenu.polish-font-library > header { display:grid!important; }
body.integrated-workbench #polishFontMenu.polish-font-library > main { display:grid!important; }
/* Final template projection v216: keep selected presets above editor overrides. */
body.integrated-workbench .polish-v45-phone.template-sync-red #phoneTitlePreview { top:48px!important;left:0!important;right:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important; }
body.integrated-workbench .polish-v45-phone.template-sync-red #phoneTitlePreview b { display:block!important;width:100%!important;padding:10px 14px!important;background:#e5242a!important;color:#fff!important;font-size:24px!important;line-height:1.2!important;text-align:center!important;text-shadow:none!important; }
body.integrated-workbench .polish-v45-phone.template-sync-red #phoneTitlePreview em { display:block!important;margin-top:14px!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;text-align:center!important;text-shadow:0 2px 3px #111!important; }
body.integrated-workbench .polish-v45-phone.template-sync-red #phoneSubtitlePreview { display:block!important;left:18px!important;right:18px!important;bottom:84px!important;z-index:8!important;padding:0!important;border:0!important;background:transparent!important;color:#ff6469!important;text-align:center!important;font-size:12px!important;text-shadow:0 1px 2px #000!important; }

/* Template sync v190: use the same visual treatment in cards and both previews. */
body.integrated-workbench .yjzb-host-card .host-template-overlay,
body.integrated-workbench .polish-v45-phone .polish-template-overlay {
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:var(--template-overlay,transparent)!important;
  box-shadow:var(--template-inset,none)!important;
}
body.integrated-workbench .yjzb-host-card .host-template-title,
body.integrated-workbench .yjzb-host-card .host-template-sub,
body.integrated-workbench .yjzb-host-card .host-template-caption { z-index:3!important; }
body.integrated-workbench .polish-v45-phone .polish-title-box,
body.integrated-workbench .polish-v45-phone #phoneSubtitlePreview { z-index:3!important; }
body.integrated-workbench .polish-v45-phone[data-template] #phoneSubtitlePreview {
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
body.integrated-workbench [data-template="blue"] { --template-overlay:linear-gradient(180deg,rgba(3,13,24,.2),transparent 52%,rgba(8,91,157,.42)); }
body.integrated-workbench [data-template="yellow"] { --template-overlay:linear-gradient(180deg,rgba(0,0,0,.62),transparent 48%,rgba(0,0,0,.55)); }
body.integrated-workbench [data-template="cyan"] { --template-overlay:linear-gradient(90deg,rgba(5,25,30,.82),transparent 66%); --template-inset:inset 5px 0 0 #45b9c8; }
body.integrated-workbench [data-template="greenbar"] { --template-overlay:linear-gradient(180deg,transparent 20%,rgba(7,31,24,.28) 48%,rgba(3,12,9,.68)); }
body.integrated-workbench [data-template="white"] { --template-overlay:linear-gradient(180deg,rgba(4,8,11,.62),transparent 45%,rgba(3,6,8,.68)); }
body.integrated-workbench [data-template="orange"] { --template-overlay:linear-gradient(180deg,transparent 46%,rgba(8,9,11,.92) 73%); }
body.integrated-workbench [data-template="stack"] { --template-overlay:linear-gradient(90deg,transparent 48%,rgba(4,8,12,.82)); }
body.integrated-workbench [data-template="red"] { --template-overlay:linear-gradient(180deg,rgba(43,0,0,.52),transparent 52%,rgba(0,0,0,.55)); }
body.integrated-workbench [data-template="neon"] { --template-overlay:linear-gradient(180deg,rgba(1,14,24,.58),transparent 55%,rgba(1,14,24,.8)); --template-inset:inset 0 0 0 11px rgba(62,192,213,.72),inset 0 0 20px rgba(0,202,255,.12); }
body.integrated-workbench [data-template="minimal"] { --template-overlay:linear-gradient(180deg,rgba(255,255,255,.08),transparent 58%,rgba(245,248,250,.93) 58%); }
body.integrated-workbench [data-template="luxury"] { --template-overlay:linear-gradient(180deg,rgba(14,11,7,.68),transparent 55%,rgba(12,9,5,.82)); --template-inset:inset 0 0 0 12px rgba(202,169,98,.68); }
body.integrated-workbench [data-template="split"] { --template-overlay:linear-gradient(90deg,rgba(13,78,107,.72) 0 49.5%,rgba(139,54,39,.68) 50.5% 100%); }
body.integrated-workbench [data-template="broadcast"] { --template-overlay:linear-gradient(145deg,rgba(11,45,91,.38) 0 48%,rgba(123,21,35,.44) 49% 100%),linear-gradient(180deg,transparent 45%,rgba(4,8,15,.86)); }
body.integrated-workbench [data-template="cinema"] { --template-overlay:linear-gradient(180deg,#050505 0 11%,rgba(0,0,0,.2) 11% 83%,#050505 83% 100%); }
body.integrated-workbench [data-template="glass"] { --template-overlay:linear-gradient(135deg,rgba(18,49,65,.74),rgba(5,16,23,.16) 52%,rgba(16,41,54,.58)); --template-inset:inset 0 0 0 1px rgba(143,217,240,.42); }

/* Social rail v187: lightweight short-video controls over the preview. */
body.integrated-workbench .polish-v45-phone .polish-v45-social {
  position:absolute!important;
  right:10px!important;
  bottom:70px!important;
  z-index:12!important;
  width:38px!important;
  display:grid!important;
  grid-auto-rows:max-content!important;
  justify-items:center!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i {
  position:relative!important;
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-style:normal!important;
  line-height:1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 1px #000!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > span {
  display:grid!important;
  width:30px!important;
  height:25px!important;
  place-items:center!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
  flex:0 0 25px!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > small {
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-family:Arial,sans-serif!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:0 1px 3px #000!important;
  flex:0 0 7px!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > .polish-social-avatar {
  width:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin-bottom:1px!important;
  overflow:visible!important;
}
body.integrated-workbench .polish-social-avatar img {
  width:34px!important;
  height:34px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 22%!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:50%!important;
  background:#181818!important;
  box-shadow:0 2px 7px rgba(0,0,0,.55)!important;
}
body.integrated-workbench .polish-social-avatar b {
  position:absolute!important;
  left:50%!important;
  bottom:-4px!important;
  width:14px!important;
  height:14px!important;
  display:grid!important;
  place-items:center!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:50%!important;
  background:#ff2d55!important;
  color:#fff!important;
  font:900 12px/1 Arial,sans-serif!important;
  text-shadow:none!important;
  box-shadow:0 1px 4px rgba(0,0,0,.45)!important;
}
body.integrated-workbench .polish-v45-social > .polish-social-comment > span {
  width:23px!important;
  height:19px!important;
  margin:2px 0 4px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#292b2f!important;
  font-size:12px!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
body.integrated-workbench .polish-v45-social > .polish-social-comment > span::after {
  content:""!important;
  position:absolute!important;
  right:6px!important;
  bottom:8px!important;
  border-width:4px 1px 0 5px!important;
  border-style:solid!important;
  border-color:#fff transparent transparent transparent!important;
  transform:rotate(-18deg)!important;
}
body.integrated-workbench .polish-v45-social > .polish-social-star > span { font-size:26px!important; }
body.integrated-workbench .polish-v45-social > .polish-social-share > span {
  font-size:28px!important;
  transform:rotate(-18deg)!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > .polish-social-platform,
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:last-child {
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin-top:1px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:#09090c!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(0,0,0,.6)!important;
  text-shadow:none!important;
}
body.integrated-workbench .polish-v45-social > .polish-social-platform > span {
  width:28px!important;
  height:28px!important;
  color:#fff!important;
  font-size:19px!important;
  text-shadow:-1px 0 #24e5ef,1px 0 #ff2d70!important;
}
/* Social rail v196: compact Douyin-style controls with stable item geometry. */
body.integrated-workbench .polish-v45-phone .polish-v45-social { right:8px!important; bottom:66px!important; width:42px!important; gap:10px!important; justify-items:center!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i { width:40px!important; min-width:40px!important; height:38px!important; min-height:38px!important; display:flex!important; flex:0 0 38px!important; align-items:center!important; justify-content:flex-start!important; gap:2px!important; overflow:visible!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > span { width:40px!important; height:25px!important; flex:0 0 25px!important; display:grid!important; place-items:center!important; margin:0!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > small { width:40px!important; height:9px!important; flex:0 0 9px!important; margin:0!important; font-size:7px!important; line-height:9px!important; text-align:center!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > .polish-social-avatar { width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; flex-basis:38px!important; display:block!important; border:1px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#2b3035 url("/assets/yjzb/digital-avatar-hd.jpg") center 20% / cover no-repeat!important; box-shadow:0 1px 5px rgba(0,0,0,.65)!important; }
body.integrated-workbench .polish-v45-phone .polish-social-avatar img { display:none!important; }
body.integrated-workbench .polish-v45-phone .polish-social-avatar b { left:50%!important; bottom:-7px!important; width:15px!important; height:15px!important; font-size:12px!important; transform:translateX(-50%)!important; }
body.integrated-workbench .polish-v45-phone .polish-social-heart > span { font-size:27px!important; color:#fff!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span { width:25px!important; height:19px!important; margin:0 auto!important; border-radius:50%!important; background:#fff!important; color:#282c31!important; font-size:11px!important; text-shadow:none!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span { position:relative!important; display:grid!important; place-items:center!important; overflow:visible!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span::before { content:""!important; position:absolute!important; left:3px!important; bottom:-3px!important; border-width:4px 5px 0 0!important; border-style:solid!important; border-color:#fff transparent transparent transparent!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span::after { right:7px!important; bottom:8px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-star > span { font-size:27px!important; color:#fff!important; }
body.integrated-workbench .polish-v45-phone .polish-social-share > span { font-size:27px!important; color:#fff!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform { width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; flex-basis:34px!important; margin-top:2px!important; border-radius:50%!important; background:#07090b!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform > span { width:30px!important; height:30px!important; font-size:19px!important; }
body.integrated-workbench .polish-pip-preview { position:relative!important; }
body.integrated-workbench .polish-pip-remove { position:absolute!important; top:4px!important; right:4px!important; z-index:8!important; width:22px!important; height:22px!important; min-height:22px!important; padding:0!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:50%!important; background:rgba(8,12,16,.82)!important; color:#fff!important; font:700 17px/19px Arial,sans-serif!important; cursor:pointer!important; }
body.integrated-workbench .polish-pip-remove:hover { background:#e53b4c!important; }
body.integrated-workbench .polish-layer-delete { width:100%!important; min-height:32px!important; margin-top:10px!important; border-color:#a53d46!important; background:#291619!important; color:#ff9da4!important; }
body.integrated-workbench .polish-layer-delete:hover { border-color:#ff5e69!important; background:#4a1b20!important; color:#fff!important; }

/* Social rail v199: fixed vertical rhythm matching the reference. */
body.integrated-workbench .polish-v45-phone .polish-v45-social {
  position:absolute!important;
  right:7px!important;
  bottom:62px!important;
  width:42px!important;
  height:232px!important;
  display:block!important;
  padding:0!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i {
  position:absolute!important;
  left:1px!important;
  width:40px!important;
  min-width:40px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  transform:none!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(1) { top:0!important; height:40px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(2) { top:48px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(3) { top:84px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(4) { top:120px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(5) { top:156px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(6) { top:198px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > span { flex:0 0 24px!important; width:40px!important; height:24px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > small { flex:0 0 8px!important; width:40px!important; height:8px!important; line-height:8px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-avatar { overflow:visible!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span { flex:0 0 20px!important; width:25px!important; height:19px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform { left:6px!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-avatar { top:0!important; }
body.integrated-workbench .polish-v45-phone .polish-social-heart { top:48px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment { top:84px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-star { top:120px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-share { top:156px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform { top:198px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span { transform:scale(.78)!important; }

/* Full-screen text data editor v197. */
body.integrated-workbench .title-text-data-layer { position:fixed!important; inset:0!important; z-index:13000!important; display:grid!important; grid-template-rows:58px minmax(0,1fr) 58px!important; background:#141414!important; color:#e9eef3!important; }
body.integrated-workbench .title-text-data-layer[hidden] { display:none!important; }
body.integrated-workbench .title-text-data-layer header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; padding:0 20px!important; border-bottom:1px solid #34383d!important; background:#111!important; }
body.integrated-workbench .title-text-data-layer nav { display:flex!important; align-items:center!important; gap:8px!important; height:42px!important; }
body.integrated-workbench .title-text-data-layer nav button { height:32px!important; padding:0 14px!important; border:0!important; border-radius:3px!important; background:#242629!important; color:#37a8ff!important; font-size:12px!important; font-weight:800!important; }
body.integrated-workbench .title-text-data-layer nav button.active { border-bottom:2px solid #229fff!important; color:#fff!important; }
body.integrated-workbench .title-text-data-layer nav button.danger { color:#ff5d62!important; }
body.integrated-workbench .title-text-data-layer nav strong { margin-left:6px!important; color:#d7dee5!important; font-size:12px!important; }
body.integrated-workbench .title-text-close { width:34px!important; height:34px!important; margin-top:8px!important; border:0!important; background:transparent!important; color:#aeb6bd!important; font-size:25px!important; cursor:pointer!important; }
body.integrated-workbench .title-text-data-layer main { min-height:0!important; overflow:auto!important; padding:24px 20px 80px!important; }
body.integrated-workbench .title-text-add { height:34px!important; padding:0 14px!important; border:0!important; border-radius:3px!important; background:#3298ff!important; color:#fff!important; font-weight:800!important; }
body.integrated-workbench .title-text-rows { display:grid!important; gap:14px!important; margin-top:16px!important; }
body.integrated-workbench .title-text-rows article { display:grid!important; gap:5px!important; }
body.integrated-workbench .title-text-rows textarea { width:100%!important; min-height:46px!important; resize:vertical!important; border:1px solid #4a4a4a!important; border-radius:3px!important; background:#151515!important; color:#fff!important; padding:10px!important; font-size:13px!important; }
body.integrated-workbench .title-text-rows article > div { display:flex!important; align-items:center!important; gap:12px!important; color:#45aaff!important; }
body.integrated-workbench .title-text-rows article button { border:0!important; background:transparent!important; color:#3fa9ff!important; font-size:11px!important; cursor:pointer!important; }
body.integrated-workbench .title-text-rows article button:hover { color:#fff!important; }
body.integrated-workbench .title-text-rows article small { margin-left:auto!important; color:#7b858e!important; font-size:10px!important; }
body.integrated-workbench .title-text-data-layer footer { display:flex!important; align-items:center!important; gap:12px!important; padding:0 40px!important; border-top:1px solid #26292c!important; background:#111!important; }
body.integrated-workbench .title-text-data-layer footer button { min-width:66px!important; height:32px!important; }
body.integrated-workbench .title-text-data-layer { inset:50%!important; width:min(920px,calc(100vw - 28px))!important; height:min(650px,calc(100vh - 28px))!important; transform:translate(-50%,-50%)!important; border:1px solid #3d454c!important; border-radius:6px!important; box-shadow:0 28px 90px rgba(0,0,0,.78)!important; overflow:hidden!important; }
body.integrated-workbench .title-text-data-layer::before { content:""!important; position:fixed!important; z-index:-1!important; inset:calc((100vh - 10000px)/2) calc((100vw - 10000px)/2)!important; background:rgba(0,0,0,.56)!important; }
body.integrated-workbench .title-text-data-layer header { padding:0 12px!important; }
body.integrated-workbench .title-text-data-layer main { padding:18px 14px 24px!important; }
body.integrated-workbench .title-text-add { width:100%!important; }
body.integrated-workbench .title-text-data-layer footer { padding:0 14px!important; }

@font-face { font-family:"Zhi Mang Xing"; src:url("/assets/fonts/ZhiMangXing-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Pacifico"; src:url("/assets/fonts/Pacifico-Regular.ttf") format("truetype"); font-display:swap; }
body.integrated-workbench .polish-v45-phone #phoneTitlePreview b,
body.integrated-workbench .polish-v45-phone #phoneTitlePreview em,
body.integrated-workbench .polish-v45-phone #phoneSubtitlePreview { cursor:pointer!important; position:relative!important; z-index:30!important; pointer-events:auto!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview {
  pointer-events:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview b,
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview em {
  pointer-events:auto!important;
}
body.integrated-workbench .polish-v45-phone .polish-text-selected {
  outline:2px solid #ff5a18!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.24)!important;
}
body.integrated-workbench .polish-v45-phone #phoneTitlePreview b,
body.integrated-workbench .polish-v45-phone #phoneTitlePreview em,
body.integrated-workbench .polish-v45-phone #phoneSubtitlePreview {
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}
body.integrated-workbench .polish-v45-phone [data-dragging="1"] { cursor:grabbing!important; }

/* Benchmark polish controls v182. */
body.integrated-workbench .polish-v45-iconbar button:nth-child(-n+3) { position:relative!important; }
body.integrated-workbench .polish-v45-iconbar button i { display:block!important; font-style:normal!important; }
body.integrated-workbench .polish-v45-iconbar button[data-polish-italic] i {
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
  transform:skewX(-14deg)!important;
  transform-origin:center!important;
}
/* Primary navigation icons v224: restrained line badges with meaning-specific glyphs. */
body.integrated-workbench .side-nav nav a b {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border:1px solid #556373!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#202831,#14191f)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 10px rgba(0,0,0,.22)!important;
  color:transparent!important;
}
body.integrated-workbench .side-nav nav a b::before {
  color:#dce7f2!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.integrated-workbench .side-nav nav a[data-page-link="homePanel"] b::before { content:"⌂"!important; }
body.integrated-workbench .side-nav nav a[data-page-link="oneClickBoom"] b::before { content:"✦"!important; }
body.integrated-workbench .side-nav nav a[data-page-link="accountManage"] b::before { content:"▦"!important; }
body.integrated-workbench .side-nav nav a[data-page-link="fullDriveDigital"] b::before { content:"◌"!important; }
body.integrated-workbench .side-nav nav a[data-page-link="imageVideo"] b::before { content:"◉"!important; }
body.integrated-workbench .side-nav nav a.active b {
  border-color:#2a9bff!important;
  background:linear-gradient(145deg,#168cff,#1263ba)!important;
  box-shadow:0 0 16px rgba(35,146,255,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
body.integrated-workbench .side-nav nav a.active b::before { color:#fff!important; }
/* Broadcast template projection: mirror the card's lower title bar. */
body.integrated-workbench .polish-v45-phone.template-sync-broadcast #phoneTitlePreview {
  top:auto!important;bottom:105px!important;left:0!important;right:0!important;
  min-height:0!important;padding:0!important;background:transparent!important;
  border:0!important;text-align:left!important;
}
body.integrated-workbench .polish-v45-phone.template-sync-broadcast #phoneTitlePreview b {
  display:block!important;width:100%!important;padding:9px 16px!important;
  background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important;
  color:#fff!important;font-size:23px!important;line-height:1.2!important;
  text-align:left!important;text-shadow:none!important;
}
body.integrated-workbench .polish-v45-phone.template-sync-broadcast #phoneTitlePreview em {
  display:block!important;margin-top:5px!important;color:#dbe9f7!important;
  font-size:13px!important;line-height:1.2!important;text-align:left!important;
  text-shadow:0 2px 3px #111!important;
}
body.integrated-workbench .polish-v45-phone.template-sync-broadcast #phoneSubtitlePreview {
  top:25px!important;bottom:auto!important;left:18px!important;right:18px!important;
  padding:0!important;background:transparent!important;border:0!important;
  color:#fff!important;font-size:12px!important;text-align:left!important;
}
/* Short-video interaction rail v228: balanced icon rhythm and readable counts. */
body.integrated-workbench .polish-v45-phone .polish-v45-social {
  right:8px!important;
  bottom:56px!important;
  width:46px!important;
  height:250px!important;
  display:block!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i {
  left:0!important;
  width:46px!important;
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(1) { top:0!important;height:46px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(2) { top:50px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(3) { top:91px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(4) { top:132px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(5) { top:173px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i:nth-child(6) { top:216px!important; }
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > span {
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:26px!important;
  margin:0!important;
  font-size:25px!important;
  line-height:1!important;
}
body.integrated-workbench .polish-v45-phone .polish-v45-social > i > small {
  display:block!important;
  width:46px!important;
  height:10px!important;
  margin:0!important;
  color:#fff!important;
  font-size:7px!important;
  line-height:10px!important;
  text-align:center!important;
  font-weight:700!important;
}
body.integrated-workbench .polish-v45-phone .polish-social-avatar {
  width:38px!important;min-width:38px!important;height:38px!important;
  min-height:38px!important;left:4px!important;border:2px solid #fff!important;
  border-radius:50%!important;background:#343a42 url('/assets/yjzb/digital-avatar-hd.jpg') center 20%/cover no-repeat!important;
  box-shadow:0 2px 8px rgba(0,0,0,.55)!important;
}
body.integrated-workbench .polish-v45-phone .polish-social-heart > span { color:#fff!important;font-size:28px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-comment > span { width:27px!important;height:21px!important;border-radius:50%!important;background:#fff!important;color:#20252b!important;font-size:10px!important;text-shadow:none!important; }
body.integrated-workbench .polish-v45-phone .polish-social-star > span { color:#fff!important;font-size:29px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-share > span { color:#fff!important;font-size:28px!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform { left:8px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:50%!important;background:#05070a!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important; }
body.integrated-workbench .polish-v45-phone .polish-social-platform > span { width:30px!important;height:30px!important;font-size:18px!important; }
body.integrated-workbench .align-glyph { width:16px; height:14px; background:linear-gradient(#dce8ef 0 0) 0 0/12px 2px no-repeat,linear-gradient(#dce8ef 0 0) 0 6px/16px 2px no-repeat,linear-gradient(#dce8ef 0 0) 0 12px/10px 2px no-repeat; }
body.integrated-workbench .background-glyph { width:18px; height:18px; border:1px solid #8798a5; background:repeating-conic-gradient(#27323a 0 25%,#10161b 0 50%) 0/7px 7px; box-shadow:inset 0 0 0 3px #0d1115; }
body.integrated-workbench .text-color-glyph { width:18px; height:18px; border:1px solid #8798a5; border-radius:3px; }
body.integrated-workbench .text-color-glyph::before { content:""; position:absolute; left:50%; top:5px; width:7px; height:2px; transform:translateX(-50%); background:#eaf3f8; box-shadow:0 4px 0 #eaf3f8; }
body.integrated-workbench .text-color-glyph::after { content:"⌄"; position:absolute; right:2px; top:0; color:#9fb0bc; font-size:9px; }
body.integrated-workbench .stroke-glyph { width:18px; height:18px; border:2px solid #8fa4b4; border-radius:3px; box-shadow:0 0 0 2px #10161b inset,0 0 0 4px #8fa4b4 inset; }
body.integrated-workbench .polish-align-menu {
  position:absolute!important; z-index:20!important; top:176px!important; left:12px!important;
  width:156px!important; padding:12px!important; border:1px solid #3a454e!important; border-radius:5px!important;
  background:#1b1e21!important; box-shadow:0 12px 28px rgba(0,0,0,.55)!important;
}
body.integrated-workbench .polish-align-menu[hidden] { display:none!important; }
body.integrated-workbench .polish-align-menu::before { content:""; position:absolute; top:-6px; left:20px; width:10px; height:10px; transform:rotate(45deg); border-left:1px solid #3a454e; border-top:1px solid #3a454e; background:#1b1e21; }
body.integrated-workbench .polish-align-menu small { display:block; margin-bottom:10px; color:#c9d2d9; font-size:11px; }
body.integrated-workbench .polish-align-menu > div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
body.integrated-workbench .polish-align-menu button { height:36px!important; border:0!important; border-radius:0!important; background:transparent!important; color:#d6e0e7!important; font-size:24px!important; line-height:1!important; }
body.integrated-workbench .polish-align-menu button:nth-child(1) { text-align:left; }
body.integrated-workbench .polish-align-menu button:nth-child(2) { text-align:center; }
body.integrated-workbench .polish-align-menu button:nth-child(3) { text-align:right; }
body.integrated-workbench .polish-align-menu button.active { outline:2px solid #279cef!important; background:#20394a!important; color:#fff!important; }
.polish-color-picker {
  --picker-hue:0; position:fixed; z-index:12000; left:50%; top:50%; width:min(430px,calc(100vw - 24px));
  transform:translate(-50%,-50%); padding:12px; border:1px solid #444b51; border-radius:6px;
  background:#202224; color:#fff; box-shadow:0 26px 80px rgba(0,0,0,.72);
}
.polish-color-picker[hidden] { display:none!important; }
.polish-color-picker header { height:32px; display:flex; align-items:center; justify-content:space-between; }
.polish-color-picker header strong { font-size:13px; }
.polish-color-picker header button { width:26px; height:26px; border:0; background:transparent; color:#aeb8c0; font-size:20px; }
.polish-color-field { position:relative; height:240px; cursor:crosshair; background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--picker-hue) 100% 50%)); }
.polish-color-field i { position:absolute; left:0%; bottom:0%; width:12px; height:12px; transform:translate(-50%,50%); border:2px solid #fff; border-radius:50%; background:#ff3b18; box-shadow:0 0 0 1px #111; pointer-events:none; }
.polish-color-picker [data-color-hue] { width:100%; height:18px; margin:7px 0; accent-color:#ff2a2a; }
.polish-color-presets { display:grid; grid-template-columns:repeat(8,26px); gap:7px; padding:4px 0 10px; }
.polish-color-presets button { width:26px; height:22px; border:1px solid rgba(255,255,255,.16); border-radius:4px; background:var(--swatch); }
.polish-color-picker footer { display:grid; grid-template-columns:minmax(0,1fr) 58px 64px; gap:10px; align-items:center; }
.polish-color-picker footer input { height:34px; border:1px solid #299ce5; border-radius:4px; background:#101315; color:#fff; padding:0 9px; }
.polish-color-picker footer button { height:34px; border:1px solid #414a50; border-radius:4px; background:#282c2f; color:#e6edf2; }

/* Template sync v181: mirror the selected subtitle preset in the polish preview. */
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced {
  top:8%!important; left:50%!important; right:auto!important;
  width:var(--title-backdrop-width,84%)!important;
  min-height:var(--title-backdrop-height,13%)!important; padding:12px 16px 10px!important;
  border:0!important; background:transparent!important;
  color:#fff!important; text-align:center!important;
  box-shadow:none!important; transform:translateX(-50%)!important;
  display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
}
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced:not(.title-backdrop-hidden) {
  background:var(--title-backdrop-bg,rgba(0,0,0,.58))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced.title-backdrop-hidden {
  background:transparent!important;
  box-shadow:none!important;
}
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced::before,
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced::after { content:none!important; display:none!important; }
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced b,
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced em { display:block!important; color:inherit!important; font-style:normal!important; text-shadow:0 2px 4px #000!important; }
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced b { font-size:24px!important; line-height:1.2!important; }
body.integrated-workbench .polish-v45-phone[data-template] .polish-title-box.template-synced em { margin-top:10px!important; color:#65ceff!important; font-size:16px!important; line-height:1.2!important; }
body.integrated-workbench .polish-v45-phone[data-template] #phoneSubtitlePreview {
  left:0!important; right:0!important; bottom:86px!important;
  padding:7px 10px!important; background:rgba(11,92,173,.88)!important;
  color:#fff!important; font-size:12px!important; text-align:center!important;
}
body.integrated-workbench .polish-v45-phone[data-template="yellow"] .polish-title-box { color:#f3d47a!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="yellow"] .polish-title-box em { color:#fff!important; margin-top:12px!important; }
body.integrated-workbench .polish-v45-phone[data-template="yellow"] #phoneSubtitlePreview { background:rgba(30,24,11,.86)!important; color:#f3d47a!important; border-top:1px solid #aa8540!important; }
body.integrated-workbench .polish-v45-phone[data-template="cyan"] { box-shadow:inset 5px 0 0 #45b9c8,inset 100px 0 120px rgba(3,22,28,.42)!important; }
body.integrated-workbench .polish-v45-phone[data-template="cyan"] .polish-title-box { top:58px!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="cyan"] .polish-title-box em { color:#67d7df!important; margin-top:14px!important; }
body.integrated-workbench .polish-v45-phone[data-template="cyan"] #phoneSubtitlePreview { background:transparent!important; color:#bce9ed!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="greenbar"] .polish-title-box { top:94px!important; left:0!important; right:0!important; padding:10px!important; background:rgba(7,31,24,.9)!important; border-block:1px solid rgba(83,176,135,.55)!important; color:#d9f1df!important; }
body.integrated-workbench .polish-v45-phone[data-template="greenbar"] .polish-title-box em { margin-top:6px!important; color:#b6d9c8!important; font-size:12px!important; }
body.integrated-workbench .polish-v45-phone[data-template="greenbar"] #phoneSubtitlePreview { background:transparent!important; color:#8fd6b4!important; }
body.integrated-workbench .polish-v45-phone[data-template="white"] .polish-title-box { font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="white"] .polish-title-box b::after { content:""; display:block; width:36px; height:2px; margin:9px auto 0; background:#fff; }
body.integrated-workbench .polish-v45-phone[data-template="white"] .polish-title-box em { margin-top:14px!important; color:#e2e7eb!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="white"] #phoneSubtitlePreview { background:transparent!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="orange"] { box-shadow:inset 0 -150px 110px -55px rgba(5,8,11,.96)!important; }
body.integrated-workbench .polish-v45-phone[data-template="orange"] .polish-title-box { top:auto!important; bottom:108px!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="orange"] .polish-title-box em { margin-top:6px!important; color:#e8ad5d!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="orange"] #phoneSubtitlePreview { top:25px!important; bottom:auto!important; background:transparent!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="stack"] { box-shadow:inset -155px 0 135px -45px rgba(4,12,19,.88)!important; }
body.integrated-workbench .polish-v45-phone[data-template="stack"] .polish-title-box { left:105px!important; top:62px!important; text-align:right!important; }
body.integrated-workbench .polish-v45-phone[data-template="stack"] .polish-title-box em { color:#8fc8e8!important; }
body.integrated-workbench .polish-v45-phone[data-template="stack"] #phoneSubtitlePreview { left:105px!important; background:transparent!important; border-right:3px solid #4c9ac7!important; text-align:right!important; }
body.integrated-workbench .polish-v45-phone[data-template="red"] .polish-title-box { left:0!important; right:0!important; padding:10px!important; background:#9e2632!important; }
body.integrated-workbench .polish-v45-phone[data-template="red"] .polish-title-box.template-synced {
  left:50%!important; right:auto!important; background:transparent!important;
}
body.integrated-workbench .polish-v45-phone[data-template="red"] .polish-title-box em { margin-top:7px!important; color:#fff!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="red"] #phoneSubtitlePreview { background:transparent!important; color:#e99099!important; }
body.integrated-workbench .polish-v45-phone[data-template="red"] #phoneSubtitlePreview { display:block!important; z-index:6!important; color:#ff6469!important; text-shadow:0 2px 3px #111!important; }
body.integrated-workbench .polish-v45-phone[data-template="neon"] { box-shadow:inset 0 0 0 11px rgba(3,13,20,.28),inset 0 0 0 12px rgba(62,192,213,.58)!important; }
body.integrated-workbench .polish-v45-phone[data-template="neon"] .polish-title-box { top:64px!important; text-shadow:0 0 10px #159ab0!important; }
body.integrated-workbench .polish-v45-phone[data-template="neon"] .polish-title-box em { color:#65dce8!important; }
body.integrated-workbench .polish-v45-phone[data-template="neon"] #phoneSubtitlePreview { background:transparent!important; color:#a4eef2!important; }
body.integrated-workbench .polish-v45-phone[data-template="minimal"] { box-shadow:inset 0 -150px 0 rgba(245,247,248,.94)!important; }
body.integrated-workbench .polish-v45-phone[data-template="minimal"] .polish-title-box { top:auto!important; bottom:104px!important; color:#151b22!important; text-align:left!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="minimal"] .polish-title-box b,
body.integrated-workbench .polish-v45-phone[data-template="minimal"] .polish-title-box em { text-shadow:none!important; }
body.integrated-workbench .polish-v45-phone[data-template="minimal"] .polish-title-box em { margin-top:5px!important; color:#39728e!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="minimal"] #phoneSubtitlePreview { top:25px!important; bottom:auto!important; background:transparent!important; }
body.integrated-workbench .polish-v45-phone[data-template="luxury"] { box-shadow:inset 0 0 0 13px rgba(9,7,4,.32),inset 0 0 0 14px rgba(202,169,98,.62)!important; }
body.integrated-workbench .polish-v45-phone[data-template="luxury"] .polish-title-box { top:62px!important; color:#e8d3a0!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="luxury"] .polish-title-box em { color:#fff4d5!important; }
body.integrated-workbench .polish-v45-phone[data-template="luxury"] #phoneSubtitlePreview { background:transparent!important; color:#caaa62!important; }
body.integrated-workbench .polish-v45-phone[data-template="split"] { box-shadow:inset 50% 0 0 rgba(13,78,107,.48),inset -50% 0 0 rgba(139,54,39,.44)!important; }
body.integrated-workbench .polish-v45-phone[data-template="split"] .polish-title-box { top:75px!important; }
body.integrated-workbench .polish-v45-phone[data-template="split"] .polish-title-box b { width:45%; text-align:center; }
body.integrated-workbench .polish-v45-phone[data-template="split"] .polish-title-box em { position:absolute; top:0; right:0; width:45%; margin:0!important; color:#ffe0d5!important; }
body.integrated-workbench .polish-v45-phone[data-template="split"] #phoneSubtitlePreview { background:transparent!important; }
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] { box-shadow:inset 0 -145px 115px -50px rgba(4,8,15,.96)!important; }
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] .polish-title-box { top:auto!important; bottom:105px!important; left:0!important; right:0!important; padding:9px 16px!important; background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] .polish-title-box.template-synced {
  top:8%!important; bottom:auto!important; left:50%!important; right:auto!important;
  background:transparent!important;
  text-align:left!important; align-items:flex-start!important;
}
body.integrated-workbench .polish-v45-phone[data-template="red"] .polish-title-box.template-synced.title-backdrop-hidden,
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] .polish-title-box.template-synced.title-backdrop-hidden {
  background:transparent!important;
}

body.integrated-workbench .polish-v45-phone[data-template="red"] .polish-title-box.template-synced:not(.title-backdrop-hidden),
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] .polish-title-box.template-synced:not(.title-backdrop-hidden) {
  background:var(--title-backdrop-bg,rgba(0,0,0,.58))!important;
}

body.integrated-workbench .polish-v45-phone[data-template="broadcast"] .polish-title-box em { margin-top:5px!important; color:#dbe9f7!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="broadcast"] #phoneSubtitlePreview { top:25px!important; bottom:auto!important; background:transparent!important; text-align:left!important; }
body.integrated-workbench .polish-v45-phone[data-template="cinema"] { box-shadow:inset 0 34px 0 rgba(0,0,0,.94),inset 0 -58px 0 rgba(0,0,0,.94)!important; }
body.integrated-workbench .polish-v45-phone[data-template="cinema"] .polish-title-box { top:115px!important; color:#f4eee2!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench .polish-v45-phone[data-template="cinema"] .polish-title-box em { color:#c6bca8!important; }
body.integrated-workbench .polish-v45-phone[data-template="cinema"] #phoneSubtitlePreview { bottom:20px!important; background:transparent!important; color:#b7ad9b!important; }
body.integrated-workbench .polish-v45-phone[data-template="glass"] .polish-title-box { top:65px!important; padding:16px 16px 44px!important; border:1px solid rgba(185,224,242,.68)!important; border-left:4px solid #70c9e8!important; border-radius:4px!important; background:rgba(13,28,39,.66)!important; text-align:left!important; backdrop-filter:blur(8px)!important; }
body.integrated-workbench .polish-v45-phone[data-template="glass"] .polish-title-box em { margin-top:8px!important; color:#8fd9f0!important; font-size:13px!important; }
body.integrated-workbench .polish-v45-phone[data-template="glass"] #phoneSubtitlePreview { background:transparent!important; color:#d8edf5!important; text-align:right!important; }

/* Polish layout v180: final non-overlapping desktop geometry. */
@media(min-width:761px){
  body.integrated-workbench .strict-board { grid-template-columns:minmax(350px,.94fr) minmax(430px,1.08fr) minmax(700px,1.48fr)!important; }
  body.integrated-workbench #workbenchPolishPanel.polish-v45-card { overflow:hidden!important; }
  body.integrated-workbench #workbenchPolishPanel .polish-v45-workbench {
    display:grid!important;
    grid-template-columns:340px minmax(300px,1fr)!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  body.integrated-workbench #workbenchPolishPanel .polish-v45-left {
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.integrated-workbench #workbenchPolishPanel .polish-v45-phone {
    width:324px!important;
    max-width:100%!important;
    height:520px!important;
    min-height:520px!important;
    overflow:hidden!important;
  }
  body.integrated-workbench #workbenchPolishPanel .polish-v45-right {
    min-width:300px!important;
    width:auto!important;
    margin:0!important;
    overflow-x:hidden!important;
  }
  body.integrated-workbench #workbenchPolishPanel .polish-title-box { max-width:calc(100% - 32px)!important; box-sizing:border-box!important; }
}

/* Music button v170: keep icon and label on one line in the narrow options rail. */
body.integrated-workbench #chooseMusicBtn {
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 8px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  line-height:1!important;
  font-size:11px!important;
}
body.integrated-workbench #chooseMusicBtn::before {
  flex:0 0 auto!important;
  margin:0!important;
  line-height:1!important;
}

/* Precision editor v171: benchmark-style title controls in a usable drawer. */
body.integrated-workbench .polish-v45-workbench { grid-template-columns:minmax(0,1fr)!important; }
body.integrated-workbench .polish-v45-right {
  position:fixed!important;
  z-index:10020!important;
  top:14px!important;
  right:14px!important;
  bottom:14px!important;
  width:330px!important;
  max-width:calc(100vw - 20px)!important;
  padding:54px 18px 18px!important;
  overflow-y:auto!important;
  border:1px solid #394653!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#11161b,#090c0f)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.68)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(24px)!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
}
body.integrated-workbench #workbenchPolishPanel.polish-settings-open .polish-v45-right {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}
body.integrated-workbench #workbenchPolishPanel.polish-settings-open::before {
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:10010!important;
  background:rgba(1,5,8,.58)!important;
  backdrop-filter:blur(2px)!important;
}
body.integrated-workbench .polish-settings-close {
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:30px!important;
  height:30px!important;
  border:1px solid #34414d!important;
  border-radius:5px!important;
  background:#141b21!important;
  color:#aebbc6!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.integrated-workbench .polish-v45-panel-head {
  position:absolute!important;
  top:12px!important;
  left:18px!important;
  right:54px!important;
  height:32px!important;
  border-bottom:0!important;
}
body.integrated-workbench .polish-v45-panel-head strong { font-size:14px!important; }
body.integrated-workbench .polish-v45-data {
  height:48px!important;
  margin:4px 0 14px!important;
  border:1px solid #3a424a!important;
  border-radius:5px!important;
  background:#292d31!important;
}
body.integrated-workbench .polish-v45-fontbar { grid-template-columns:minmax(0,1fr) 36px 36px!important; gap:8px!important; margin-bottom:12px!important; }
body.integrated-workbench .polish-v45-fontbar button { height:34px!important; }
body.integrated-workbench .polish-v45-fontbar { position:relative!important; }
body.integrated-workbench .polish-font-style-menu {
  position:absolute!important;
  z-index:40!important;
  top:40px!important;
  right:0!important;
  width:112px!important;
  display:grid!important;
  gap:4px!important;
  padding:6px!important;
  border:1px solid #3c4a56!important;
  border-radius:5px!important;
  background:#11181e!important;
  box-shadow:0 12px 28px rgba(0,0,0,.6)!important;
}
body.integrated-workbench .polish-font-style-menu[hidden] { display:none!important; }
body.integrated-workbench .polish-font-style-menu button { height:28px!important; border:1px solid #2f3d48!important; border-radius:3px!important; background:#18232b!important; color:#e7f0f5!important; font-size:11px!important; cursor:pointer!important; }
body.integrated-workbench .polish-font-style-menu button:hover { border-color:#2b9fe5!important; background:#12344a!important; }
body.integrated-workbench .polish-font-style-menu { width:260px!important; padding:8px!important; }
body.integrated-workbench .font-style-switch { display:grid!important; grid-template-columns:1fr 1fr!important; gap:6px!important; margin-bottom:8px!important; }
body.integrated-workbench .font-style-switch button { height:28px!important; border:0!important; background:#202b33!important; color:#aebdca!important; font-size:11px!important; }
body.integrated-workbench .font-style-switch button.active { background:#188fdb!important; color:#fff!important; }
body.integrated-workbench .font-style-standard { display:grid!important; grid-template-columns:repeat(2,1fr)!important; gap:4px!important; }
body.integrated-workbench .font-style-standard button { height:28px!important; }
body.integrated-workbench .font-style-flower { display:grid!important; grid-template-columns:repeat(6,1fr)!important; gap:5px!important; }
body.integrated-workbench .font-style-flower button { height:34px!important; padding:0!important; background:#e9edf0!important; color:var(--flower-color)!important; border:1px solid #fff!important; font:900 24px/1 Georgia,serif!important; text-shadow:1px 1px 0 #111!important; }
body.integrated-workbench .font-style-flower button:hover { transform:translateY(-1px)!important; border-color:#2ba9f0!important; }
body.integrated-workbench .polish-font-style-menu { width:286px!important;padding:10px 12px 12px!important;background:#1d1d1d!important; }
body.integrated-workbench .flower-style-head { display:flex!important;align-items:center!important;justify-content:space-between!important;height:32px!important;margin-bottom:8px!important;color:#d5dce3!important;font-size:12px!important; }
body.integrated-workbench .flower-style-head label { display:block!important;position:relative!important;width:30px!important;height:17px!important; }
body.integrated-workbench .flower-style-head input { display:none!important; }
body.integrated-workbench .flower-style-head span { display:block!important;width:30px!important;height:17px!important;border-radius:99px!important;background:#4d535a!important; }
body.integrated-workbench .flower-style-head span::after { content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#fff!important;transition:transform .15s!important; }
body.integrated-workbench .flower-style-head input:checked + span { background:#2c96ed!important; }
body.integrated-workbench .flower-style-head input:checked + span::after { transform:translateX(13px)!important; }
body.integrated-workbench .font-style-flower { grid-template-columns:repeat(5,50px)!important;gap:5px!important;justify-content:start!important; }
body.integrated-workbench .font-style-flower button { position:relative!important;width:50px!important;height:44px!important;padding:0!important;border:1px solid #fff!important;border-radius:0!important;background:#e9e9e9!important;overflow:hidden!important;box-shadow:none!important; }
body.integrated-workbench .font-style-flower button::after { content:""!important;position:absolute!important;right:0!important;bottom:0!important;width:13px!important;height:13px!important;background:#bdbdbd!important;clip-path:polygon(100% 0,100% 100%,0 100%)!important; }
body.integrated-workbench .font-style-flower button b {
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:var(--flower-color)!important;
  font-family:Impact,"Arial Black","Microsoft YaHei",sans-serif!important;
  font-size:28px!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  -webkit-text-stroke:1.25px var(--flower-stroke)!important;
  paint-order:stroke fill!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
body.integrated-workbench .font-style-flower button:nth-child(14),body.integrated-workbench .font-style-flower button:nth-child(16) { background:#050505!important; }
body.integrated-workbench .font-style-flower button:nth-child(15) { background:#f1e900!important; }
body.integrated-workbench .font-style-flower button:nth-child(14)::after,body.integrated-workbench .font-style-flower button:nth-child(15)::after,body.integrated-workbench .font-style-flower button:nth-child(16)::after { display:none!important; }
body.integrated-workbench .font-style-flower button.selected { border-color:#63cb72!important;box-shadow:0 0 0 1px #63cb72 inset!important; }
body.integrated-workbench .font-style-flower button:hover { transform:none!important;border-color:#64bfff!important; }
body.integrated-workbench .font-style-flower.disabled { opacity:.36!important;pointer-events:none!important; }
body.integrated-workbench .polish-v45-iconbar { grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:7px!important; }
body.integrated-workbench .polish-v45-iconbar button { width:100%!important; height:32px!important; }
body.integrated-workbench .polish-v45-iconbar button.active { border-color:#2fa9ef!important; background:#133247!important; color:#70d0ff!important; }
body.integrated-workbench .polish-v45-sliders { gap:11px!important; padding-top:4px!important; }
body.integrated-workbench .polish-v45-sliders label,
body.integrated-workbench .polish-v45-show { grid-template-columns:42px minmax(0,1fr)!important; }
body.integrated-workbench .polish-v45-sliders label > div { grid-template-columns:minmax(70px,1fr) 22px 34px 22px!important; }
body.integrated-workbench .polish-v45-row { padding:10px 0!important; border-block:1px solid #202a32!important; }

/* Compact overflow mode control; do not inherit the oversized global radio style. */
body.integrated-workbench .polish-v45-row {
  min-height:30px!important;
  gap:6px!important;
  margin:6px 0!important;
  padding:5px 0!important;
  font-size:10px!important;
}
body.integrated-workbench .polish-v45-row > b {
  min-width:40px!important;
  margin-right:0!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}
body.integrated-workbench .polish-v45-row label {
  height:20px!important;
  gap:0!important;
  padding:0 7px!important;
  border:1px solid #293640!important;
  border-radius:3px!important;
  background:#151c22!important;
  color:rgba(255,255,255,.38)!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
body.integrated-workbench .polish-v45-row label:has(input:checked) {
  border-color:#287fc2!important;
  background:#183047!important;
  color:#fff!important;
}
body.integrated-workbench .polish-v45-row input[type="radio"] {
  display:none!important;
}

/* Social rail v2: button-based markup intentionally bypasses all legacy <i> rules. */
body.integrated-workbench .polish-v45-phone .polish-v45-social:has(> .social-v2-action) {
  position:absolute!important;
  z-index:12!important;
  right:8px!important;
  bottom:62px!important;
  top:auto!important;
  left:auto!important;
  width:38px!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.integrated-workbench .polish-v45-social > button {
  appearance:none!important;
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:default!important;
}
body.integrated-workbench .polish-v45-social .social-v2-avatar {
  height:40px!important;
}
body.integrated-workbench .polish-v45-social .social-v2-avatar img {
  display:block!important;
  width:34px!important;
  height:34px!important;
  margin:0 auto!important;
  border:1.5px solid #fff!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center 24%!important;
  box-shadow:0 2px 7px rgba(0,0,0,.55)!important;
}
body.integrated-workbench .polish-v45-social .social-v2-avatar b {
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  border:1px solid #fff!important;
  border-radius:50%!important;
  background:#ff2f56!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:translateX(-50%)!important;
}
body.integrated-workbench .polish-v45-social .social-v2-action {
  height:34px!important;
  display:grid!important;
  grid-template-rows:24px 8px!important;
  place-items:center!important;
  gap:1px!important;
}
body.integrated-workbench .polish-v45-social .social-v2-action > span {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:24px!important;
  margin:0!important;
  color:#fff!important;
  font-size:25px!important;
  font-style:normal!important;
  line-height:24px!important;
  text-shadow:0 1px 4px rgba(0,0,0,.7)!important;
}
body.integrated-workbench .polish-v45-social .social-v2-action > small {
  display:block!important;
  width:38px!important;
  height:8px!important;
  margin:0!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:800!important;
  line-height:8px!important;
  text-align:center!important;
  text-shadow:0 1px 3px #000!important;
}
body.integrated-workbench .polish-v45-social .social-v2-comment > span {
  width:24px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
}
body.integrated-workbench .polish-v45-social .social-v2-comment > span::before {
  content:""!important;
  position:absolute!important;
  left:3px!important;
  bottom:-3px!important;
  border:4px solid transparent!important;
  border-top-color:#fff!important;
  transform:rotate(18deg)!important;
}
body.integrated-workbench .polish-v45-social .social-v2-comment > span::after {
  content:"•••"!important;
  color:#222a31!important;
  font-size:8px!important;
  line-height:1!important;
}
body.integrated-workbench .polish-v45-social .social-v2-share > span {
  font-size:27px!important;
  font-weight:900!important;
}
body.integrated-workbench .polish-v45-social .social-v2-disc {
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:31px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  background:#080b0e!important;
  box-shadow:0 2px 7px rgba(0,0,0,.6)!important;
}
body.integrated-workbench .polish-v45-social .social-v2-disc > span {
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
}
body.integrated-workbench .polish-v45-tip { padding:8px 9px!important; border-left:2px solid #238cff!important; background:#0d1822!important; }

body.integrated-workbench .title-backdrop-controls {
  display:grid!important; gap:8px!important; padding:10px!important; margin:8px 0 10px!important;
  border:1px solid #334454!important; border-radius:6px!important; background:#101820!important;
}
body.integrated-workbench .title-backdrop-controls > div {
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important;
  color:#e9f2f8!important; font-size:12px!important;
}
body.integrated-workbench .title-backdrop-controls label {
  display:grid!important; grid-template-columns:56px minmax(0,1fr)!important; align-items:center!important; gap:8px!important;
  color:#9fb3c4!important; font-size:11px!important;
}
body.integrated-workbench .title-backdrop-controls input[type="range"] { accent-color:#2d9df0!important; }
body.integrated-workbench .title-backdrop-controls input[type="color"] {
  width:100%!important; height:28px!important; padding:0!important; border:1px solid #3b4a56!important; border-radius:4px!important; background:#0d1217!important;
}
body.integrated-workbench .title-backdrop-controls button { height:30px!important; font-size:11px!important; }

body.integrated-workbench .use-video-btn {
  position:absolute!important; left:50%!important; bottom:12px!important; z-index:8!important;
  transform:translateX(-50%)!important; min-width:108px!important; height:30px!important;
  border:0!important; border-radius:999px!important;
  background:linear-gradient(135deg,#1f8dff,#27b6ff)!important;
  color:#fff!important; font-size:12px!important; font-weight:900!important;
  box-shadow:0 8px 18px rgba(0,0,0,.35)!important; cursor:pointer!important;
}
body.integrated-workbench .use-video-btn:hover { filter:brightness(1.08)!important; }


.video-records-modal[hidden] { display:none!important; }
.video-records-modal { position:fixed!important; inset:0!important; z-index:15000!important; color:#eef7ff!important; }
.video-records-backdrop { position:absolute!important; inset:0!important; background:rgba(0,0,0,.72)!important; backdrop-filter:blur(3px)!important; }
.video-records-panel { position:absolute!important; inset:34px 42px!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; overflow:hidden!important; border:1px solid #2a86d9!important; border-radius:10px!important; background:#0d1117!important; box-shadow:0 30px 100px rgba(0,0,0,.72)!important; }
.video-records-panel header { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; min-height:58px!important; padding:0 18px!important; border-bottom:1px solid #223448!important; background:#101722!important; }
.video-records-panel header strong { display:block!important; font-size:18px!important; }
.video-records-panel header small { display:block!important; margin-top:3px!important; color:#8ba4ba!important; font-size:12px!important; }
.video-records-panel header button { width:34px!important; height:34px!important; border:1px solid #354b60!important; border-radius:8px!important; background:#151f2a!important; color:#dce9f5!important; font-size:24px!important; cursor:pointer!important; }
.video-records-list { min-height:0!important; overflow:auto!important; padding:18px!important; display:grid!important; grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important; gap:14px!important; }
.video-records-list .completed-video-card { min-height:260px!important; }
@media(max-width:760px){ .video-records-panel { inset:10px!important; } .video-records-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:10px!important; gap:10px!important; } }

body.integrated-workbench .video-records-modal[hidden] { display:none!important; }
body.integrated-workbench .video-records-modal {
  position:fixed!important; inset:0!important; z-index:15000!important; color:#eef7ff!important;
}
body.integrated-workbench .video-records-backdrop {
  position:absolute!important; inset:0!important; background:rgba(0,0,0,.72)!important; backdrop-filter:blur(3px)!important;
}
body.integrated-workbench .video-records-panel {
  position:absolute!important; inset:34px 42px!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important; border:1px solid #2a86d9!important; border-radius:10px!important;
  background:#0d1117!important; box-shadow:0 30px 100px rgba(0,0,0,.72)!important;
}
body.integrated-workbench .video-records-panel header {
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important;
  min-height:58px!important; padding:0 18px!important; border-bottom:1px solid #223448!important; background:#101722!important;
}
body.integrated-workbench .video-records-panel header strong { display:block!important; font-size:18px!important; }
body.integrated-workbench .video-records-panel header small { display:block!important; margin-top:3px!important; color:#8ba4ba!important; font-size:12px!important; }
body.integrated-workbench .video-records-panel header button {
  width:34px!important; height:34px!important; border:1px solid #354b60!important; border-radius:8px!important;
  background:#151f2a!important; color:#dce9f5!important; font-size:24px!important; cursor:pointer!important;
}
body.integrated-workbench .video-records-list {
  min-height:0!important; overflow:auto!important; padding:18px!important;
  display:grid!important; grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important; gap:14px!important;
}
body.integrated-workbench .video-records-list .completed-video-card { min-height:260px!important; }
@media(max-width:760px){
  body.integrated-workbench .video-records-panel { inset:10px!important; }
  body.integrated-workbench .video-records-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:10px!important; gap:10px!important; }
}
body.integrated-workbench .polish-v45-anim { margin-top:3px!important; height:36px!important; }
body.integrated-workbench .polish-popover {
  position:absolute!important;
  z-index:5!important;
  top:128px!important;
  left:18px!important;
  right:18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  padding:10px!important;
  border:1px solid #3a4855!important;
  border-radius:6px!important;
  background:#182028!important;
  box-shadow:0 16px 36px rgba(0,0,0,.52)!important;
}
body.integrated-workbench .polish-popover[hidden] { display:none!important; }
body.integrated-workbench .polish-popover strong { grid-column:1/-1!important; padding:2px 3px 7px!important; color:#eaf4fb!important; font-size:12px!important; }
body.integrated-workbench .polish-popover button { min-height:34px!important; border:1px solid #34434f!important; border-radius:4px!important; background:#10161b!important; color:#c7d3dc!important; font-size:11px!important; cursor:pointer!important; }
body.integrated-workbench .polish-popover button:hover,
body.integrated-workbench .polish-popover button.active { border-color:#279ee2!important; background:#123047!important; color:#fff!important; }
body.integrated-workbench .polish-animation-menu { top:auto!important; bottom:16px!important; }
body.integrated-workbench .polish-title-box[data-animation="rise"].yjzb-title-anim { animation:polishRise .55s ease both!important; }
body.integrated-workbench .polish-title-box[data-animation="scale"].yjzb-title-anim { animation:polishScale .5s ease both!important; }
body.integrated-workbench .polish-title-box[data-animation="type"].yjzb-title-anim { animation:polishType .7s steps(8,end) both!important; overflow:hidden!important; }
@keyframes polishRise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes polishScale { from { opacity:0; transform:scale(.72); } to { opacity:1; transform:scale(1); } }
@keyframes polishType { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }
@media(max-width:760px){body.integrated-workbench .polish-v45-right{top:5px!important;right:5px!important;bottom:5px!important;width:min(330px,calc(100vw - 10px))!important;}}

body.integrated-workbench .polish-tool-mode-panel { display:grid!important; gap:16px!important; }
body.integrated-workbench .polish-v45-right > [hidden] { display:none!important; }
body.integrated-workbench .polish-tool-mode-panel[hidden] { display:none!important; }
body.integrated-workbench .polish-tool-mode-panel label { display:grid!important; gap:7px!important; color:#e4edf4!important; font-size:12px!important; font-weight:800!important; }
body.integrated-workbench .polish-tool-mode-panel input[type="range"] { width:100%!important; accent-color:#279eef!important; }
body.integrated-workbench .polish-tool-mode-panel select,
body.integrated-workbench .polish-tool-mode-panel textarea { width:100%!important; min-height:36px!important; border:1px solid #34424d!important; border-radius:5px!important; background:#11181e!important; color:#eef5fa!important; padding:8px!important; resize:vertical!important; }
body.integrated-workbench .polish-media-upload { min-height:96px!important; place-content:center!important; justify-items:center!important; border:1px dashed #35789b!important; border-radius:6px!important; background:#0d1b24!important; color:#75cef5!important; cursor:pointer!important; }
body.integrated-workbench .polish-media-upload input { display:none!important; }
body.integrated-workbench .polish-tool-mode-panel p { margin:0!important; padding:10px!important; border-left:2px solid #279eef!important; background:#0d1822!important; color:#74a8c8!important; font-size:10px!important; line-height:1.5!important; }
body.integrated-workbench .polish-pip-preview { position:absolute!important; z-index:5!important; width:38%!important; aspect-ratio:9/16!important; overflow:hidden!important; border:2px solid #fff!important; border-radius:4px!important; box-shadow:0 8px 20px rgba(0,0,0,.45)!important; }
body.integrated-workbench .polish-pip-preview[data-position="right-bottom"] { right:12px!important; bottom:74px!important; }
body.integrated-workbench .polish-pip-preview[data-position="left-bottom"] { left:12px!important; bottom:74px!important; }
body.integrated-workbench .polish-pip-preview[data-position="right-top"] { right:12px!important; top:60px!important; }
body.integrated-workbench .polish-pip-preview[data-position="left-top"] { left:12px!important; top:60px!important; }
body.integrated-workbench .polish-pip-preview img,
body.integrated-workbench .polish-pip-preview video { width:100%!important; height:100%!important; object-fit:cover!important; }

/* Precision editor v174: keep the detailed settings visible in the card's right column. */
@media(min-width:761px){
  body.integrated-workbench .strict-board {
    grid-template-columns:minmax(350px,.94fr) minmax(430px,1.08fr) minmax(660px,1.42fr)!important;
  }
  body.integrated-workbench .polish-v45-workbench {
    grid-template-columns:340px minmax(280px,1fr)!important;
    align-items:stretch!important;
  }
  body.integrated-workbench .polish-v45-left { width:340px!important; }
  body.integrated-workbench .polish-v45-phone {
    width:324px!important;
    height:520px!important;
    min-height:520px!important;
  }
  body.integrated-workbench .polish-v45-right {
    position:relative!important;
    z-index:1!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    min-height:534px!important;
    max-height:none!important;
    padding:46px 12px 12px!important;
    overflow-y:auto!important;
    border:1px solid #26313d!important;
    border-radius:6px!important;
    background:linear-gradient(180deg,#0d1217,#080b0e)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.integrated-workbench #workbenchPolishPanel.polish-settings-open::before { content:none!important; display:none!important; }
  body.integrated-workbench .polish-settings-close { display:none!important; }
  body.integrated-workbench .polish-v45-panel-head { top:8px!important; left:12px!important; right:12px!important; border-bottom:1px solid #27323d!important; }
}

/* Layer tools v169: replace the cramped floating glyphs with a real toolbar. */
body.integrated-workbench .polish-v45-workbench { grid-template-columns:270px minmax(0,1fr)!important; }
body.integrated-workbench .polish-v45-left {
  grid-template-rows:44px 48px 1fr!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid #26313d!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#11171d,#0b0f13)!important;
}
body.integrated-workbench .polish-v45-layer-title {
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding-left:34px!important;
  border-bottom:1px solid #27323d!important;
}
body.integrated-workbench .polish-v45-layer-title::before {
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:8px!important;
  width:22px!important;
  height:16px!important;
  border:1px solid #4bb7ec!important;
  border-radius:3px!important;
  background:#132938!important;
  box-shadow:4px 4px 0 -1px #0e141a,4px 4px 0 0 #39728f!important;
}
body.integrated-workbench .polish-v45-layer-title span { color:#f0f6fb!important; font-size:13px!important; font-weight:900!important; line-height:1!important; }
body.integrated-workbench .polish-v45-layer-title small { color:#718291!important; font-size:10px!important; line-height:1!important; }
body.integrated-workbench .polish-v45-tools {
  width:100%!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
body.integrated-workbench .polish-v45-tools button {
  width:100%!important;
  height:42px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 6px!important;
  border:1px solid #2d3944!important;
  border-radius:5px!important;
  background:#151c22!important;
  color:#aebbc6!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease!important;
}
body.integrated-workbench .polish-v45-tools button:hover { border-color:#47758f!important; background:#192630!important; color:#eef8ff!important; }
body.integrated-workbench .polish-v45-tools button.active { border-color:#209be0!important; background:linear-gradient(180deg,#12374d,#102b3b)!important; color:#fff!important; box-shadow:inset 0 0 0 1px rgba(41,180,246,.13)!important; }
body.integrated-workbench .polish-v45-tools i {
  position:relative!important;
  width:19px!important;
  min-width:19px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid currentColor!important;
  border-radius:3px!important;
  color:#8fa4b4!important;
  font-size:0!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:-999px!important;
}
body.integrated-workbench .polish-v45-tools button.active i { color:#57c9ff!important; border-color:currentColor!important; }
body.integrated-workbench .polish-v45-tools button[data-polish-tool="文字"] i::before { content:"T"; font-size:11px; font-weight:950; text-indent:0; }
body.integrated-workbench .polish-v45-tools button[data-polish-tool="画中画"] i::before { content:""; position:absolute; right:2px; bottom:2px; width:7px; height:5px; border:1px solid currentColor; border-radius:1px; }
body.integrated-workbench .polish-v45-tools button[data-polish-tool="字幕"] i::before { content:"CC"; font-size:7px; font-weight:950; text-indent:0; }
body.integrated-workbench .polish-v45-tools button span { min-width:0!important; white-space:nowrap!important; word-break:keep-all!important; line-height:1!important; }
body.integrated-workbench .polish-v45-phone { justify-self:center!important; }
@media(max-width:760px){
  body.integrated-workbench .polish-v45-workbench { grid-template-columns:1fr!important; }
  body.integrated-workbench .polish-v45-left { width:min(100%,300px)!important; margin:auto!important; }
}

/* Font library v178 final override. */
body.integrated-workbench #polishFontMenu.polish-font-library {
  position:fixed!important; z-index:11000!important;
  top:50%!important; left:50%!important; right:auto!important; bottom:auto!important;
  width:min(760px,calc(100vw - 24px))!important; height:min(620px,calc(100vh - 24px))!important;
  display:grid!important; grid-template-columns:1fr!important; grid-template-rows:66px minmax(0,1fr)!important;
  gap:0!important; padding:0!important; overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #40505e!important; border-radius:7px!important;
  background:#10161b!important; box-shadow:0 30px 90px rgba(0,0,0,.78)!important;
}
body.integrated-workbench #polishFontMenu.polish-font-library[hidden] { display:none!important; }
body.integrated-workbench #polishFontMenu.polish-font-library > header { display:grid!important; }
body.integrated-workbench #polishFontMenu.polish-font-library > main { display:grid!important; }
/* Music picker v212: searchable catalog with instant preview and confirmation. */
.yjzb-music-layer[hidden]{display:none!important}.yjzb-music-layer{position:fixed;inset:0;z-index:14000;color:#e9eef5}.yjzb-music-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68)}.yjzb-music-panel{position:absolute;inset:18px 24px;display:grid;grid-template-rows:54px minmax(0,1fr) 58px;background:#121416;border:1px solid #30363c;border-radius:4px;box-shadow:0 24px 80px rgba(0,0,0,.72);overflow:hidden}.yjzb-music-panel header{display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #30343a}.yjzb-music-panel header strong{font-size:14px}.yjzb-music-panel header input{width:180px;height:30px;padding:0 10px;border:1px solid #50565d;border-radius:3px;background:#17191c;color:#fff}.yjzb-music-panel header button{margin-left:auto;border:0;background:transparent;color:#9da5ad;font-size:22px;cursor:pointer}.yjzb-music-body{display:grid;grid-template-columns:110px minmax(0,1fr) 250px;min-height:0}.yjzb-music-body nav{display:grid;align-content:start;gap:2px;padding:12px 0;border-right:1px solid #3a3f44}.yjzb-music-body nav button{height:36px;border:0;border-left:2px solid transparent;background:transparent;color:#b7c0c9;text-align:left;padding:0 14px;cursor:pointer}.yjzb-music-body nav button.active,.yjzb-music-body nav button:hover{border-left-color:#269dff;background:#172231;color:#2ca4ff}.yjzb-music-body main{min-width:0;overflow:auto;padding:12px 14px}.yjzb-music-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.yjzb-music-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px;border:1px solid transparent;border-radius:5px;background:#1d1f21;color:#fff;text-align:left;cursor:pointer}.yjzb-music-item:hover,.yjzb-music-item.selected{border-color:#268fe9;background:#2489df}.yjzb-music-item span{min-width:0}.yjzb-music-play{display:grid;place-items:center;width:28px;height:28px;font-size:18px}.yjzb-music-item b,.yjzb-music-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yjzb-music-item b{font-size:12px}.yjzb-music-item small{margin-top:3px;color:#b9c4cf;font-size:10px}.yjzb-music-body aside{display:grid;align-content:start;gap:14px;padding:16px;border-left:1px solid #30343a;color:#cbd3dc}.yjzb-music-body aside>strong{font-size:12px}.yjzb-music-body aside button{height:34px;border:1px solid #2c9cf0;background:#172d40;color:#4bb0ff;border-radius:3px;cursor:pointer}.yjzb-music-body aside small{color:#818b96;font-size:10px;line-height:1.5}.yjzb-music-body aside label{display:grid;gap:6px;font-size:11px}.yjzb-music-body aside input[type=range]{accent-color:#2b9bf1}.yjzb-music-loop{display:flex!important;align-items:center;gap:7px}.yjzb-music-panel footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 14px;border-top:1px solid #30343a}.yjzb-music-panel footer span{margin-right:auto;color:#9ea9b5;font-size:12px}.yjzb-music-panel footer button{height:34px;padding:0 18px;border:0;border-radius:3px;background:#258ff0;color:#fff;font-weight:800;cursor:pointer}@media(max-width:900px){.yjzb-music-panel{inset:8px}.yjzb-music-body{grid-template-columns:82px minmax(0,1fr)}.yjzb-music-body aside{display:none}.yjzb-music-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}


/* Template preview parity v257: selected preset in editor mirrors the template card. */
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneTitlePreview.template-synced {
  position:absolute!important; z-index:9!important; width:auto!important; min-height:0!important; padding:0!important;
  border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
  color:#fff!important; transform:none!important; display:block!important; text-align:center!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneTitlePreview.template-synced b,
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneTitlePreview.template-synced em {
  position:static!important; display:block!important; width:auto!important; max-width:100%!important; margin:0!important; padding:0!important;
  border:0!important; background:transparent!important; font-style:normal!important; line-height:1.18!important; text-shadow:0 2px 4px #000!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneSubtitlePreview {
  position:absolute!important; z-index:9!important; display:block!important; width:auto!important; margin:0!important; border:0!important;
  transform:none!important; visibility:visible!important; opacity:1!important; text-shadow:0 1px 3px #000!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneTitlePreview.template-synced:not(.title-backdrop-hidden) {
  padding:12px 16px 10px!important; border-radius:4px!important; background:var(--title-backdrop-bg,rgba(0,0,0,.58))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-blue #phoneTitlePreview { top:34px!important; left:0!important; right:0!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-blue #phoneTitlePreview b { color:#fff!important; font-size:24px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-blue #phoneTitlePreview em { margin-top:10px!important; color:#9dddff!important; font-size:16px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-blue #phoneSubtitlePreview { left:0!important; right:0!important; bottom:86px!important; padding:7px 10px!important; background:rgba(11,92,173,.88)!important; color:#fff!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-yellow #phoneTitlePreview { top:34px!important; left:0!important; right:0!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-yellow #phoneTitlePreview b { color:#fff200!important; font-size:25px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-yellow #phoneTitlePreview em { margin-top:12px!important; color:#fff!important; font-size:15px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-yellow #phoneSubtitlePreview { left:0!important; right:0!important; bottom:86px!important; padding:7px 10px!important; background:rgba(30,24,11,.86)!important; border-top:1px solid #aa8540!important; color:#f3d47a!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cyan #phoneTitlePreview { top:58px!important; left:18px!important; right:90px!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cyan #phoneTitlePreview b { color:#fff!important; font-size:24px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cyan #phoneTitlePreview em { margin-top:14px!important; color:#00d8ff!important; font-size:16px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cyan #phoneSubtitlePreview { left:18px!important; right:80px!important; bottom:86px!important; background:transparent!important; color:#bce9ed!important; font-size:12px!important; text-align:left!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview { top:94px!important; left:0!important; right:0!important; padding:10px!important; background:rgba(7,31,24,.9)!important; border-block:1px solid rgba(83,176,135,.55)!important; color:#d9f1df!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview b { color:#8eff88!important; font-size:22px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview em { display:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneSubtitlePreview { left:0!important; right:0!important; bottom:86px!important; background:transparent!important; color:#8fd6b4!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-white #phoneTitlePreview { top:38px!important; left:0!important; right:0!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-white #phoneTitlePreview b { color:#f4f6fa!important; font-size:24px!important; text-align:center!important; -webkit-text-stroke:.7px #111!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-white #phoneTitlePreview b::after { content:""!important; display:block!important; width:36px!important; height:2px!important; margin:9px auto 0!important; background:#fff!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-white #phoneTitlePreview em { margin-top:14px!important; color:#54cfff!important; font-size:15px!important; text-align:center!important; -webkit-text-stroke:.7px #111!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-white #phoneSubtitlePreview { left:0!important; right:0!important; bottom:86px!important; background:transparent!important; color:#fff!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-orange #phoneTitlePreview { top:auto!important; bottom:104px!important; left:18px!important; right:72px!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-orange #phoneTitlePreview b { color:#fff!important; font-size:24px!important; text-align:left!important; -webkit-text-stroke:.75px #111!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-orange #phoneTitlePreview em { margin-top:8px!important; color:#ff9d00!important; font-size:15px!important; text-align:left!important; -webkit-text-stroke:.55px #111!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-orange #phoneSubtitlePreview { top:25px!important; left:14px!important; right:60px!important; bottom:auto!important; background:transparent!important; color:#fff!important; font-size:12px!important; text-align:left!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneTitlePreview { top:30px!important; left:18px!important; right:18px!important; height:180px!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneTitlePreview b { position:absolute!important; top:0!important; left:87px!important; right:0!important; color:#fff!important; font-size:16px!important; text-align:right!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneTitlePreview em { position:absolute!important; left:0!important; right:120px!important; top:154px!important; color:#ffeb00!important; font-size:24px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneSubtitlePreview { left:18px!important; right:80px!important; bottom:84px!important; background:transparent!important; color:#fff!important; font-size:20px!important; text-align:left!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneTitlePreview { top:48px!important; left:0!important; right:0!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneTitlePreview b { width:100%!important; padding:10px 14px!important; background:#e5242a!important; color:#fff!important; font-size:24px!important; text-align:center!important; text-shadow:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneTitlePreview em { margin-top:14px!important; color:#ff2525!important; font-size:16px!important; text-align:center!important; -webkit-text-stroke:.7px #111!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneSubtitlePreview { left:18px!important; right:18px!important; bottom:84px!important; background:transparent!important; color:#ff6469!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-neon #phoneTitlePreview { top:64px!important; left:0!important; right:0!important; text-shadow:0 0 10px #159ab0!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-neon #phoneTitlePreview b { color:#fff!important; font-size:24px!important; text-align:center!important; text-shadow:0 0 10px #159ab0!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-neon #phoneTitlePreview em { margin-top:10px!important; color:#65dce8!important; font-size:16px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-neon #phoneSubtitlePreview { left:0!important; right:0!important; bottom:86px!important; background:transparent!important; color:#a4eef2!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-minimal #phoneTitlePreview { top:auto!important; bottom:104px!important; left:18px!important; right:18px!important; color:#151b22!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-minimal #phoneTitlePreview b { color:#151b22!important; font-size:24px!important; text-align:left!important; text-shadow:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-minimal #phoneTitlePreview em { margin-top:7px!important; color:#39728e!important; font-size:15px!important; text-align:left!important; text-shadow:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-minimal #phoneSubtitlePreview { top:25px!important; left:18px!important; right:18px!important; bottom:auto!important; background:transparent!important; color:#151b22!important; font-size:12px!important; text-align:left!important; text-shadow:none!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-luxury #phoneTitlePreview { top:66px!important; left:18px!important; right:18px!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-luxury #phoneTitlePreview b { color:#e8d3a0!important; font-size:25px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-luxury #phoneTitlePreview em { margin-top:14px!important; color:#fff4d5!important; font-size:15px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-luxury #phoneSubtitlePreview { left:18px!important; right:18px!important; bottom:80px!important; background:transparent!important; color:#caaa62!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-split #phoneTitlePreview { top:82px!important; left:16px!important; right:16px!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-split #phoneTitlePreview b { float:left!important; width:45%!important; color:#d9f5ff!important; font-size:21px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-split #phoneTitlePreview em { float:right!important; width:45%!important; color:#ffe0d5!important; font-size:21px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-split #phoneSubtitlePreview { left:18px!important; right:18px!important; bottom:79px!important; background:transparent!important; color:#fff!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneTitlePreview { top:auto!important; bottom:106px!important; left:0!important; right:0!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneTitlePreview b { padding:10px 18px!important; background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important; color:#fff!important; font-size:23px!important; text-align:left!important; text-shadow:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneTitlePreview em { margin-top:6px!important; padding-left:18px!important; color:#dbe9f7!important; font-size:15px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneSubtitlePreview { top:31px!important; left:18px!important; right:18px!important; bottom:auto!important; background:transparent!important; color:#fff!important; font-size:12px!important; text-align:left!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cinema #phoneTitlePreview { top:118px!important; left:18px!important; right:18px!important; font-family:STSong,SimSun,serif!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cinema #phoneTitlePreview b { color:#f4eee2!important; font-size:25px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cinema #phoneTitlePreview em { margin-top:14px!important; color:#c6bca8!important; font-size:15px!important; text-align:center!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-cinema #phoneSubtitlePreview { left:18px!important; right:18px!important; bottom:22px!important; background:transparent!important; color:#b7ad9b!important; font-size:12px!important; text-align:center!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview { top:69px!important; left:30px!important; right:30px!important; padding:18px 18px 47px!important; border:1px solid rgba(185,224,242,.68)!important; border-left:4px solid #70c9e8!important; border-radius:4px!important; background:rgba(13,28,39,.66)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.28)!important; backdrop-filter:blur(8px)!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview b { color:#f4fbff!important; font-size:24px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview em { margin-top:12px!important; color:#8fd9f0!important; font-size:15px!important; text-align:left!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneSubtitlePreview { left:30px!important; right:30px!important; bottom:78px!important; background:transparent!important; color:#d8edf5!important; font-size:12px!important; text-align:right!important; }


/* Template preview parity v258: restore template-owned shapes after generic backdrop rules. */
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced,
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced.title-backdrop-hidden {
  top:94px!important; left:0!important; right:0!important; padding:10px!important;
  background:rgba(7,31,24,.9)!important; border-block:1px solid rgba(83,176,135,.55)!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced b { color:#8eff88!important; font-size:22px!important; text-align:center!important; background:transparent!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced em { display:none!important; }

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneTitlePreview.template-synced b {
  position:absolute!important; top:0!important; left:87px!important; right:0!important; width:auto!important;
  color:#fff!important; font-size:16px!important; text-align:right!important; background:transparent!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-stack #phoneTitlePreview.template-synced em {
  position:absolute!important; left:0!important; right:120px!important; top:154px!important; width:auto!important;
  color:#ffeb00!important; font-size:24px!important; text-align:left!important; background:transparent!important;
}

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneTitlePreview.template-synced b {
  display:block!important; width:100%!important; padding:10px 14px!important; background:#e5242a!important;
  color:#fff!important; font-size:24px!important; text-align:center!important; text-shadow:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-red #phoneTitlePreview.template-synced em {
  margin-top:14px!important; color:#ff2525!important; font-size:16px!important; text-align:center!important; -webkit-text-stroke:.7px #111!important;
}

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneTitlePreview.template-synced b {
  display:block!important; padding:10px 18px!important; background:linear-gradient(90deg,#164f9b 0 28%,#9f2536 28% 100%)!important;
  color:#fff!important; font-size:23px!important; text-align:left!important; text-shadow:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-broadcast #phoneTitlePreview.template-synced em {
  margin-top:6px!important; padding-left:18px!important; color:#dbe9f7!important; font-size:15px!important; text-align:left!important; background:transparent!important;
}

body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced,
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced.title-backdrop-hidden {
  top:69px!important; left:30px!important; right:30px!important; padding:18px 18px 47px!important;
  border:1px solid rgba(185,224,242,.68)!important; border-left:4px solid #70c9e8!important; border-radius:4px!important;
  background:rgba(13,28,39,.66)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px)!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced b { color:#f4fbff!important; font-size:24px!important; text-align:left!important; background:transparent!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced em { margin-top:12px!important; color:#8fd9f0!important; font-size:15px!important; text-align:left!important; background:transparent!important; }


/* Title backdrop v260: optional black backing is an independent editor layer. */
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer {
  position:absolute!important;
  z-index:8!important;
  transform:none!important;
  border-radius:4px!important;
  pointer-events:none!important;
  cursor:move!important;
  touch-action:none!important;
  user-select:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer {
  position:absolute!important;
  z-index:80!important;
  transform:none!important;
  border:2px solid #ff7a1a!important;
  border-radius:4px!important;
  background:transparent!important;
  pointer-events:auto!important;
  cursor:move!important;
  touch-action:none!important;
  user-select:none!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.75)!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer[hidden] { display:none!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer[data-dragging="move"] { cursor:grabbing!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer[data-dragging="resize"] { cursor:nwse-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer > span {
  display:none!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-move-handle {
  display:none!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer[data-dragging="move"] .title-backdrop-move-handle {
  cursor:grabbing!important;
  background:#ff4f0a!important;
}
body.backdrop-dragging,
body.backdrop-dragging * {
  user-select:none!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer[data-dragging="move"] { cursor:grabbing!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer[data-dragging="resize"] { cursor:nwse-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer i[data-backdrop-resize],
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer i[data-backdrop-resize] {
  position:absolute!important;
  z-index:4!important;
  width:14px!important;
  height:14px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#ff7a1a!important;
  box-shadow:0 2px 8px rgba(0,0,0,.38)!important;
  pointer-events:auto!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer i[data-backdrop-resize="nw"],
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer i[data-backdrop-resize="nw"] { left:-8px!important; top:-8px!important; cursor:nwse-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer i[data-backdrop-resize="ne"],
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer i[data-backdrop-resize="ne"] { right:-8px!important; top:-8px!important; cursor:nesw-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer i[data-backdrop-resize="sw"],
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer i[data-backdrop-resize="sw"] { left:-8px!important; bottom:-8px!important; cursor:nesw-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-hit-layer i[data-backdrop-resize="se"],
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer i[data-backdrop-resize="se"] { right:-8px!important; bottom:-8px!important; cursor:nwse-resize!important; }
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer[hidden] { display:none!important; }
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone[data-template] #phoneTitlePreview.template-synced:not(.title-backdrop-hidden) {
  background:transparent!important;
  box-shadow:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced:not(.title-backdrop-hidden),
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-greenbar #phoneTitlePreview.template-synced.title-backdrop-hidden {
  background:rgba(7,31,24,.9)!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced:not(.title-backdrop-hidden),
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone.template-sync-glass #phoneTitlePreview.template-synced.title-backdrop-hidden {
  background:rgba(13,28,39,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.28)!important;
}

body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer.selected {
  outline:2px solid #ff7a1a!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.75),0 10px 28px rgba(0,0,0,.28)!important;
}
body.integrated-workbench #workbenchPolishPanel .title-backdrop-preview-layer.selected::after {
  content:none!important;
  display:none!important;
  position:absolute!important;
  right:0!important;
  top:-24px!important;
  padding:3px 7px!important;
  border-radius:4px!important;
  background:#ff7a1a!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.integrated-workbench #workbenchPolishPanel.backdrop-selected .title-backdrop-controls {
  border-color:#ff7a1a!important;
  box-shadow:0 0 0 1px rgba(255,122,26,.32)!important;
}
body.integrated-workbench #workbenchPolishPanel.polish-settings-open::before {
  content:none!important;
  display:none!important;
  pointer-events:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview {
  z-index:20!important;
  pointer-events:none!important;
}
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview b,
body.integrated-workbench #workbenchPolishPanel .polish-v45-phone #phoneTitlePreview em {
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
}
/* Music picker v294: keep short catalogs in the original compact row layout. */
.yjzb-music-grid{grid-auto-rows:58px;align-content:start}
.yjzb-music-item{height:58px;min-height:58px;align-self:start}
/* Student authorization center v295. */
body.integrated-workbench .userdock-v48 .side-status.offline em{background:#f04f5d!important;box-shadow:0 0 12px rgba(240,79,93,.5)!important}
body.integrated-workbench .user-dock-modal{width:min(560px,calc(100vw - 24px))!important;padding:20px 24px 12px!important;background:#11181d!important;border:1px solid #31414b!important}
body.integrated-workbench #userDockModalBody{padding:0!important}
body.integrated-workbench .dock-loading{margin:20px!important;color:#93a8b4!important;text-align:center!important}
body.integrated-workbench .dock-rights-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
body.integrated-workbench .dock-rights-grid p,body.integrated-workbench .dock-license-details p{margin:0!important;padding:12px!important;border:1px solid #2d3a42!important;border-radius:4px!important;background:#192127!important}
body.integrated-workbench .dock-rights-grid span,body.integrated-workbench .dock-license-details span{display:block!important;margin-bottom:5px!important;color:#879aa5!important;font-size:11px!important}
body.integrated-workbench .dock-rights-grid b{color:#eef8fc!important;font-size:13px!important}
body.integrated-workbench .dock-form-field{display:grid!important;gap:7px!important;margin:12px 0!important;color:#dfe9ee!important;font-size:12px!important;font-weight:800!important}
body.integrated-workbench .dock-form-field input,body.integrated-workbench .dock-form-field textarea{width:100%!important;border:1px solid #40515b!important;border-radius:4px!important;background:#0b1115!important;color:#fff!important;padding:10px 11px!important;resize:vertical!important}
body.integrated-workbench .dock-contact-list{display:grid!important;gap:8px!important}
body.integrated-workbench .dock-contact-list p{display:grid!important;grid-template-columns:90px 1fr auto!important;align-items:center!important;gap:10px!important;margin:0!important;padding:11px 12px!important;background:#192127!important;border:1px solid #2d3a42!important}
body.integrated-workbench .dock-contact-list span{color:#8fa2ad!important;font-size:11px!important}body.integrated-workbench .dock-contact-list b{color:#fff!important;font-size:13px!important}body.integrated-workbench .dock-contact-list button{height:28px!important;border:1px solid #3188b2!important;border-radius:3px!important;background:#102a36!important;color:#64cfff!important}
body.integrated-workbench .dock-license-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}body.integrated-workbench .dock-license-details code{color:#dff5ff!important;font-size:11px!important;word-break:break-all!important}
body.integrated-workbench .dock-status-list i.bad{background:#f04f5d!important}body.integrated-workbench .dock-status-list i.warn{background:#f1ae42!important}
body.integrated-workbench .dock-api-settings{margin-top:10px!important;padding:11px!important;border:1px solid #31414b!important;border-radius:4px!important;background:#0d1418!important}body.integrated-workbench .dock-api-settings summary{cursor:pointer!important;color:#73ccf5!important;font-size:12px!important;font-weight:800!important}body.integrated-workbench .dock-api-settings>small{display:block!important;margin:9px 0!important;color:#758995!important;font-size:10px!important}body.integrated-workbench .dock-api-settings label{display:grid!important;grid-template-columns:92px 1fr!important;align-items:center!important;gap:8px!important;margin:7px 0!important;color:#c8d4da!important;font-size:11px!important}body.integrated-workbench .dock-api-settings input{height:32px!important;border:1px solid #394a54!important;border-radius:3px!important;background:#080e12!important;color:#fff!important;padding:0 9px!important}
@media(max-width:600px){body.integrated-workbench .dock-rights-grid,body.integrated-workbench .dock-license-details{grid-template-columns:1fr!important}}