/* 工作台 Claude 视觉层。保留业务控件与图库结构，不改变图片/请求参数。 */
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) {
  --bg:#faf8f5; --bg-soft:#fffdf9; --panel:#fffdf9;
  --glass:#f4f0ea; --glass-2:#eee8df; --glass-bd:#e5ded4;
  --ink:#292724; --ink-soft:#6b625b; --ink-dim:#82776d;
  --c1:#d97757; --c2:#c4653a; --c3:#a64e32;
  --grad:linear-gradient(#bc6043,#bc6043); --grad-soft:#f5e6dc;
  --studio-accent:#a64e32; --studio-action:#b45b3f; --studio-tint:#f5e6dc;
  --studio-font:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --topbar:112px;
  background:var(--bg); color:var(--ink); font-family:var(--studio-font); height:100dvh;
}
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) {
  --bg:#252320; --bg-soft:#2e2b27; --panel:#2e2b27;
  --glass:#35312c; --glass-2:#403a33; --glass-bd:#4c443b;
  --ink:#f2ede5; --ink-soft:#c3b8ab; --ink-dim:#b0a293;
  --c1:#d97757; --c2:#e39b7d; --c3:#e5a68b;
  --grad:linear-gradient(#b45b3f,#b45b3f); --grad-soft:#47332a;
  --studio-accent:#e5a68b; --studio-tint:#47332a;
}
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .topbar {
  height:var(--topbar); display:grid; grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:64px 48px; gap:0 24px; padding:0 32px;
  background:var(--bg); border-color:var(--glass-bd); backdrop-filter:none;
}
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .top-right { grid-column:2; grid-row:1; justify-self:end; gap:12px; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .top-tools { grid-column:1/-1; grid-row:2; width:100%; padding:0; gap:8px; border-top:1px solid var(--glass-bd); display:flex; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .logo { font-size:18px; font-weight:600; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .logo .mark { background:var(--studio-action); border-radius:10px; color:#fff; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.home-btn,.balance-pill,.theme-switch,.acct-trigger) { background:transparent; border-color:var(--glass-bd); box-shadow:none; color:var(--ink-soft); font-family:var(--studio-font); }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .theme-switch button[aria-pressed="true"] { background:var(--glass-2); color:var(--ink); box-shadow:none; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.tt-cat,.tt-opt,.m-feature-current,.m-feature-switch) { color:var(--ink-soft); background:transparent; border-color:var(--glass-bd); box-shadow:none; font-weight:500; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.tt-cat.active,.tt-opt.active,.m-feature-switch) { background:var(--studio-tint); color:var(--studio-accent); }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.tt-dropdown,.acct-menu,.m-feature-sheet) { background:var(--bg-soft); color:var(--ink); border-color:var(--glass-bd); box-shadow:0 12px 40px #62462c1a; }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.tt-opt .ic,.tt-canvas-spark,.mfc-icon) { color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView { min-width:0; width:100%; max-width:none; margin-inline:0; background:var(--bg); }
html[data-studio-version="new"][data-theme] #studioView :is(button,input,textarea,select) { font-family:var(--studio-font); }
html[data-studio-version="new"][data-theme] #studioView .params { width:clamp(400px,35vw,600px); min-width:0; padding:24px 32px; border-color:var(--glass-bd); background:var(--bg-soft); scrollbar-width:thin; scrollbar-color:var(--glass-bd) transparent; }
html[data-studio-version="new"][data-theme] #studioView .params:has(.detail-shell) { min-width:min(600px,50vw); }
html[data-studio-version="new"][data-theme] #studioView .params-resizer { width:8px; background:var(--bg); }
html[data-studio-version="new"][data-theme] #studioView .params-resizer::before { width:1px; background:var(--glass-bd); }
html[data-studio-version="new"][data-theme] #studioView .params-resizer:hover::before { background:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView .canvas { min-width:0; background:var(--bg); padding:32px clamp(24px,3vw,64px); scrollbar-width:thin; scrollbar-color:var(--glass-bd) transparent; }
html[data-studio-version="new"][data-theme] #studioView .feat-head { column-gap:12px; margin-bottom:24px; }
html[data-studio-version="new"][data-theme] #studioView .feat-head h1 { font-size:clamp(22px,1.65vw,28px); font-weight:600; letter-spacing:.01em; line-height:1.4; color:var(--ink); }
html[data-studio-version="new"][data-theme] #studioView .feat-head .fh-icon { color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView .feat-head p { font-size:14px; line-height:1.7; color:var(--ink-soft); }
html[data-studio-version="new"][data-theme] #studioView :is(.field-label,.hzg-guided-step h2,.hzg-confirm-title) { color:var(--ink); font-size:14px; font-weight:600; line-height:1.6; }
html[data-studio-version="new"][data-theme] #studioView .field { margin-bottom:16px; }
html[data-studio-version="new"][data-theme] #studioView .hzg-task-list>.field { margin-bottom:0; padding-bottom:8px; }
html[data-studio-version="new"][data-theme] #studioView .hzg-task-card>.field-label { flex-wrap:wrap; }
html[data-studio-version="new"][data-theme] #studioView .hzg-task-actions { max-width:100%; flex-wrap:wrap; }
html[data-studio-version="new"][data-theme] #studioView .hzg-extra-row { flex-wrap:wrap; gap:8px; }
html[data-studio-version="new"][data-theme] #studioView :is(.hzg-guided-step h2>span,.hzg-confirm-title>span) { background:var(--studio-tint); color:var(--studio-accent); font-weight:500; }
html[data-studio-version="new"][data-theme] #studioView .hzg-guided-inputs { gap:16px; }
html[data-studio-version="new"][data-theme] #studioView .slot:not(.has-img) { border:1px dashed #b5a697; background:var(--bg); color:var(--ink-soft); border-radius:12px; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .slot:not(.has-img):hover { border-color:var(--studio-accent); background:var(--studio-tint); }
html[data-studio-version="new"][data-theme] #studioView .slot:not(.has-img) :is(.s-label,.s-plus,.s-hint) { color:var(--ink-soft); }
html[data-studio-version="new"][data-theme] #studioView .hzg-guided-step>.slot { aspect-ratio:1.3; }
html[data-studio-version="new"][data-theme] #studioView :is(.outfit-library-link,.hzg-disclosure,.hzg-add-chip,.sub-chip,.pill,.dc-setting-button-trigger) { background:var(--bg); color:var(--ink-soft); border-color:var(--glass-bd); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .hzg-add-chip { background:var(--studio-action); color:#fff; border-color:transparent; min-height:36px; }
html[data-studio-version="new"][data-theme] #studioView .official-model-picker em { background:var(--studio-tint); color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView :is(.outfit-library-link,.hzg-disclosure>summary) { min-height:40px; font-size:13px; }
html[data-studio-version="new"][data-theme] #studioView :is(.hzg-disclosure,.hzg-batch-disclosure) { border-radius:10px; margin-bottom:16px; }
html[data-studio-version="new"][data-theme] #studioView :is(.hzg-group-note input,.prompt-box,.style-prompt-editor,.brief-prompt-editor,.compact-prompt-editor) { background:var(--bg); color:var(--ink); border-color:var(--glass-bd); border-radius:12px; font-size:14px; line-height:1.7; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.style-prompt-editor,.brief-prompt-editor,.compact-prompt-editor) .prompt-box { background:transparent; }
html[data-studio-version="new"][data-theme] #studioView :is(.prompt-box,.hzg-group-note input)::placeholder { color:var(--ink-dim); }
html[data-studio-version="new"][data-theme] #studioView :is(.pill.active,.sub-chip.active,.dc-setting-option.active) { background:var(--studio-tint); border-color:var(--studio-accent); color:var(--studio-accent); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .compact-generation-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-button-trigger { width:100%; min-height:48px; padding:10px 12px; border-radius:10px; }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-button-name { font-size:12px; color:var(--ink-soft); }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-button-value { font-size:13px; font-weight:500; color:var(--ink); overflow-wrap:anywhere; }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-menu { background:var(--bg-soft); border-color:var(--glass-bd); color:var(--ink); box-shadow:0 8px 32px #62462c20; }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-button:nth-child(even) .dc-setting-menu { left:auto; right:0; }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-menu { max-width:calc(100cqw - 16px); }
html[data-studio-version="new"][data-theme] #studioView .dc-setting-option { color:var(--ink); font-size:13px; min-height:40px; }
html[data-studio-version="new"][data-theme] #studioView .gen-bar { background:var(--bg-soft); border-top:1px solid var(--glass-bd); padding:16px 0 8px; margin-top:24px; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .gen-btn { background:var(--studio-action); color:#fff; font-size:15px; font-weight:600; border-radius:12px; min-height:48px; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .gen-btn:not(:disabled):hover { background:#9e4c33; box-shadow:0 4px 16px #a64e321a; transform:translateY(-1px); }
html[data-studio-version="new"][data-theme] #studioView .gen-btn:disabled { background:var(--glass-2); color:var(--ink-soft); opacity:1; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.cost-detail,.cost-row,.hzg-guided-step p,.extras-hint) { color:var(--ink-soft); line-height:1.6; }
html[data-studio-version="new"][data-theme] #studioView .cost-row { font-size:13px; }
html[data-studio-version="new"][data-theme] #studioView .canvas-head { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid var(--glass-bd); gap:16px; flex-wrap:wrap; }
html[data-studio-version="new"][data-theme] #studioView .canvas-head .ch-left { flex-wrap:wrap; gap:8px 16px; }
html[data-studio-version="new"][data-theme] #studioView .canvas-head h2 { font-size:18px; font-weight:500; color:var(--ink); }
html[data-studio-version="new"][data-theme] #studioView .canvas-head .ch-hint { font-size:13px; color:var(--ink-dim); }
html[data-studio-version="new"][data-theme] #studioView .empty { height:auto; min-height:60%; padding:32px 0; }
html[data-studio-version="new"][data-theme] #studioView .empty>div { width:100%; max-width:840px; margin-inline:auto; }
html[data-studio-version="new"][data-theme] #studioView .flow-title { max-width:600px; margin:0 auto 32px; font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; color:var(--ink); font-size:clamp(20px,1.6vw,28px); font-weight:500; line-height:1.6; letter-spacing:.01em; }
html[data-studio-version="new"][data-theme] #studioView .outfit-example-flow { width:100%; max-width:760px; margin-inline:auto; }
html[data-studio-version="new"][data-theme] #studioView .outfit-case-grid { gap:12px; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); }
html[data-studio-version="new"][data-theme] #studioView .outfit-case-card { padding:8px; background:var(--bg-soft); border-color:var(--glass-bd); border-radius:16px; box-shadow:0 4px 24px #c1a58c12; }
html[data-studio-version="new"][data-theme] #studioView .outfit-case-photo span { background:var(--bg-soft); color:var(--ink); font-weight:500; box-shadow:0 2px 8px #62462c15; }
html[data-studio-version="new"][data-theme] #studioView .outfit-case-card figcaption { color:var(--ink-soft); font-size:13px; font-weight:400; line-height:1.5; padding:12px 4px 4px; }
html[data-studio-version="new"][data-theme] #studioView :is(.btn-primary,.empty .btn-primary) { background:var(--studio-action); color:#fff; box-shadow:none; font-size:14px; font-weight:500; min-height:44px; }
html[data-studio-version="new"][data-theme] #studioView :is(.btn-ghost,.ct-btn,.chs-btn) { background:var(--bg-soft); color:var(--ink-soft); border-color:var(--glass-bd); box-shadow:none; font-weight:500; }
html[data-studio-version="new"][data-theme] #studioView :is(.flow-step,.fs-ic) { background:var(--bg-soft); border-color:var(--glass-bd); color:var(--studio-accent); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.rgroup-head,.rmeta,.rcard) { background:var(--bg-soft); color:var(--ink); border-color:var(--glass-bd); }
html[data-studio-version="new"][data-theme] #studioView :is(button,summary,input,textarea,[tabindex="0"]):focus-visible { outline:2px solid var(--studio-accent); outline-offset:3px; }
.studio-mobile-jumps { display:none; }
html[data-studio-version="new"][data-theme] #studioView .gen-btn:disabled { background:var(--glass-2); color:var(--ink-soft); opacity:1; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.zy-composer,.zy-input-card,.detail-shell,.dh-section,.retouch-section) { background:var(--bg-soft); border-color:var(--glass-bd); color:var(--ink); }
html[data-studio-version="new"][data-theme] #studioView :is(.zj-card,.zj-mmenu,.zj-panel,.zj-chip,.zj-import,.zj-fav-btn) { background:var(--bg-soft); border-color:var(--glass-bd); color:var(--ink); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .zj-card { border-radius:16px; padding:24px; box-shadow:0 4px 24px #c1a58c15; }
html[data-studio-version="new"][data-theme] #studioView .zj-card:focus-within { border-color:var(--studio-accent); box-shadow:0 0 0 3px var(--studio-tint); }
html[data-studio-version="new"][data-theme] #studioView .zj-input { background:transparent; color:var(--ink); font-size:16px; line-height:1.7; outline:none; }
html[data-studio-version="new"][data-theme] #studioView .zj-hello { color:var(--ink); background:none; -webkit-text-fill-color:var(--ink); font-family:Georgia,"Songti SC",SimSun,serif; font-size:32px; font-weight:500; }
html[data-studio-version="new"][data-theme] #studioView .zj-input::placeholder { color:var(--ink-dim); }
html[data-studio-version="new"][data-theme] #studioView :is(.zj-hello-sub,.zj-cost,.zj-input-helper) { color:var(--ink-soft); }
html[data-studio-version="new"][data-theme] #studioView :is(.zj-chip.brand,.zj-cost .spark,.zj-mopt.active,.zj-chip.brand .caret) { color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView .zj-send { background:var(--studio-action); color:#fff; }
html[data-studio-version="new"][data-theme] #studioView .zj-send:disabled { background:var(--glass-2); color:var(--ink-dim); }
html[data-studio-version="new"][data-theme] #studioView :is(.detail-card,.detail-flow,.detail-mode-tabs,.detail-select,.detail-prompt-editor,.detail-upload,.retouch-dropzone,.dc-upload) { background:var(--bg); border-color:var(--glass-bd); color:var(--ink); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.detail-card,.detail-flow) { background:var(--bg-soft); border-radius:12px; }
html[data-studio-version="new"][data-theme] #studioView :is(.detail-mode-tabs button.active,.detail-flow-step.active>span) { background:var(--studio-tint); color:var(--studio-accent); box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView :is(.detail-upload-plus,.detail-flow-step.active,.dc-upload-plus) { color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView :is(.detail-prompt,.detail-prompt-meta,.detail-card-head small,.detail-flow-step) { color:var(--ink-soft); }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.m-feature-option,.m-feature-search) { color:var(--ink); background:var(--bg); border-color:var(--glass-bd); }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.m-feature-option.active,.m-feature-group-title,.m-feature-option .ui-icon) { color:var(--studio-accent); }
html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .m-feature-option.active { background:var(--studio-tint); }
@media(min-width:981px) {
  html[data-studio-version="new"][data-theme] #studioView .mobile-nav { display:none; }
}
@media(min-width:769px) and (max-width:980px) {
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .tt-cat { padding:8px 10px; font-size:13px; }
  html[data-studio-version="new"][data-theme] #studioView { display:flex; flex-direction:row; overflow:hidden; }
  html[data-studio-version="new"][data-theme] #studioView .mobile-nav { display:none; }
  html[data-studio-version="new"][data-theme] #studioView .params { width:44%!important; height:100%; padding:24px 16px; border-right:1px solid var(--glass-bd); border-bottom:0; }
  html[data-studio-version="new"][data-theme] #studioView .canvas { height:100%; padding:24px 16px; }
  html[data-studio-version="new"][data-theme] #studioView .params:has(.detail-shell) { min-width:52%; }
  html[data-studio-version="new"][data-theme] #studioView .outfit-case-grid { gap:4px; grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr); }
  html[data-studio-version="new"][data-theme] #studioView .outfit-case-card figcaption { font-size:12px; }
}
@media(max-width:768px) {
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) { --topbar:64px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .topbar { display:flex; padding:0 16px; gap:8px; justify-content:space-between; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .top-tools { display:none; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .top-right { gap:8px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .logo-text { font-size:15px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) .top-right>.home-btn { display:none; }
  html[data-studio-version="new"][data-theme] #studioView { display:block; height:100%; overflow:auto; position:relative; scroll-padding-top:116px; }
  html[data-studio-version="new"][data-theme] #studioView:not([style*="display: none"]) { display:block!important; }
  html[data-studio-version="new"][data-theme] #studioView .mobile-nav { display:flex; height:56px; position:sticky; top:0; background:var(--bg); border-color:var(--glass-bd); padding:8px 16px; backdrop-filter:none; }
  html[data-studio-version="new"][data-theme] #studioView .studio-mobile-jumps { display:flex; position:sticky; top:56px; z-index:14; background:var(--bg); border-bottom:1px solid var(--glass-bd); padding:8px 16px; gap:8px; }
  html[data-studio-version="new"] #studioView .studio-mobile-jumps button { flex:1; border:1px solid var(--glass-bd); border-radius:8px; color:var(--ink-soft); background:var(--bg-soft); min-height:36px; font-size:13px; }
  html[data-studio-version="new"][data-theme] #studioView .params { position:static; transform:none; display:block; width:100%!important; height:auto; max-height:none; min-width:0; overflow:visible; border:0; border-radius:0; padding:24px 16px; background:var(--bg-soft); box-shadow:none; color:var(--ink); }
  html[data-studio-version="new"][data-theme] #studioView .params::before { content:none; }
  html[data-studio-version="new"][data-theme] #studioView .params:has(.detail-shell) { min-width:0; }
  html[data-studio-version="new"][data-theme] #studioView .params>.field { padding:0; border:0; background:transparent; border-radius:0; }
  html[data-studio-version="new"][data-theme] #studioView .params :is(.m-param-overview,.m-param-nav) { display:none; }
  html[data-studio-version="new"][data-theme] #studioView .canvas { position:static; height:auto; min-height:360px; padding:24px 16px max(32px,env(safe-area-inset-bottom)); overflow:visible; border-top:1px solid var(--glass-bd); }
  html[data-studio-version="new"][data-theme] #studioView .params .gen-bar { position:static; margin:16px 0 0; padding:16px 0 0; background:var(--bg-soft); border-color:var(--glass-bd); box-shadow:none; }
  html[data-studio-version="new"][data-theme] #studioView .params .cost-detail { display:block; font-size:12px; }
  html[data-studio-version="new"][data-theme] #studioView .feat-head h1 { font-size:23px; }
  html[data-studio-version="new"][data-theme] #studioView :is(input,textarea,select) { font-size:16px; }
  html[data-studio-version="new"][data-theme] #studioView .hzg-guided-step>.slot { aspect-ratio:1.15; }
  html[data-studio-version="new"][data-theme] #studioView .canvas-head { padding-bottom:16px; margin-bottom:16px; }
  html[data-studio-version="new"][data-theme] #studioView .canvas-head .ch-hint { background:transparent; border:0; padding:0; max-width:none; white-space:normal; }
  html[data-studio-version="new"][data-theme] #studioView .empty { min-height:0; padding:16px 0; }
  html[data-studio-version="new"][data-theme] #studioView .flow-title { font-size:21px; margin-bottom:24px; }
  html[data-studio-version="new"][data-theme] #studioView .flow3 { max-width:100%; padding:0; margin-bottom:24px; }
  html[data-studio-version="new"][data-theme] #studioView .flow-step { flex:1 1 0; min-width:0; width:auto; padding:8px 4px; }
  html[data-studio-version="new"][data-theme] #studioView .flow-arrow { flex:0 0 8px; font-size:16px; }
  html[data-studio-version="new"][data-theme] #studioView .fs-tx { font-size:12px; white-space:normal; }
  html[data-studio-version="new"][data-theme] #studioView .zj-card { padding:16px; }
  html[data-studio-version="new"][data-theme] #studioView .outfit-case-grid { gap:4px; grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr); padding:0; }
  html[data-studio-version="new"][data-theme] #studioView .outfit-case-card { padding:4px; border-radius:10px; }
  html[data-studio-version="new"][data-theme] #studioView .outfit-case-card figcaption { font-size:12px; padding:8px 2px 4px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"]),#rechargeView.show) :is(.m-params-fab,.m-params-close,.m-params-mask) { display:none!important; }
  html[data-studio-version="new"][data-theme] body.ziyou-mode #studioView .studio-mobile-jumps { display:none; }
  html[data-studio-version="new"][data-theme] body.ziyou-mode #studioView .params { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-studio-version="new"] #studioView *,html[data-studio-version="new"] #studioView *::before,html[data-studio-version="new"] #studioView *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; }
}

/* 切换入口是旧版唯一新增的控件；新版视觉规则全部以上方版本属性隔离。 */
.studio-version-switch { white-space:nowrap; }
body.admin-mode .studio-version-switch,
body:not(:has(#studioView:not([style*="display: none"]))) .studio-version-switch { display:none!important; }
.acct-menu .studio-version-mobile { display:none; }
@media(max-width:768px) {
  .top-right>.studio-version-switch { display:none!important; }
  .acct-menu .studio-version-mobile { display:flex; }
}

/* 拖入多图卡牌（移植自桌面端 2026-10-05）：新版界面用暖色强调 */
html[data-studio-version="new"][data-theme] #studioView .drop-stack-cards i { border-color:var(--studio-accent); }
html[data-studio-version="new"][data-theme] #studioView .drop-stack-cards i:nth-child(3)::after { background:var(--studio-tint); }
html[data-studio-version="new"][data-theme] .drop-deal-count { background:var(--studio-action); }

/* 结果区 Claude 化（2026-10-07）：提示条改为轻量说明行；结果卡悬停操作改为底部暗色渐隐 + 浅色细字按钮，删除收成图标避免四个按钮换行。 */
html[data-studio-version="new"][data-theme] #studioView .welcome-hint { gap:10px; padding:10px 14px; margin-bottom:20px; border:1px solid var(--glass-bd); border-radius:12px; background:var(--bg-soft); color:var(--ink-soft); font-size:13px; line-height:1.6; box-shadow:none; }
html[data-studio-version="new"][data-theme] #studioView .welcome-hint::before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--c1); }
html[data-studio-version="new"][data-theme] #studioView .welcome-hint b { color:var(--ink); font-weight:600; margin-right:4px; }
html[data-studio-version="new"][data-theme] #studioView .welcome-hint .wh-close { width:28px; height:28px; padding:0; display:grid; place-items:center; border:0; border-radius:8px; background:transparent; color:var(--ink-dim); font-size:12px; }
html[data-studio-version="new"][data-theme] #studioView .welcome-hint .wh-close:hover { background:var(--glass); color:var(--ink); }
html[data-studio-version="new"][data-theme] #studioView .rcard { border-radius:14px; box-shadow:0 1px 2px #62462c0d; transition:border-color .2s,box-shadow .2s; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed):hover { border-color:#d8cdc0; box-shadow:0 6px 24px #62462c17; }
html[data-studio-version="new"][data-theme] #studioView .rcard :is(.vtag,.rmeta) { background:color-mix(in srgb,var(--bg-soft) 86%,transparent); color:var(--ink-soft); border:0; box-shadow:0 1px 3px rgba(31,27,23,.08); font-weight:500; backdrop-filter:blur(6px); }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract { justify-content:flex-start; align-content:flex-end; gap:5px; padding:12px; background:none; }
html[data-studio-version="new"][data-theme] #studioView .ract .ra { height:30px; padding:0 9px; border-radius:8px; border:1px solid rgba(255,255,255,.6); background:rgba(255,253,249,.94); color:#292724; font-size:12px; font-weight:500; box-shadow:0 1px 3px rgba(31,27,23,.16); backdrop-filter:none; }
html[data-studio-version="new"][data-theme] #studioView .ract .ra:hover { background:#fff; border-color:#fff; color:var(--c3); transform:none; }
/* 下载与删除收成右侧图标按钮（title/aria 保留原文案），左侧留文字的重新生成/重新编辑 */
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract :is(.ra[data-act="downloadCard_117aaf"],.ra[data-act="deleteCard_478fec"]) { order:2; width:30px; padding:0; justify-content:center; font-size:0; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract .ra[data-act="downloadCard_117aaf"] { margin-left:auto; background:var(--studio-action); border-color:var(--studio-action); color:#fff; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract .ra[data-act="downloadCard_117aaf"]:hover { background:#9e4c33; border-color:#9e4c33; color:#fff; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract :is(.ra[data-act="downloadCard_117aaf"],.ra[data-act="deleteCard_478fec"])::before { content:""; width:15px; height:15px; background:currentColor; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract .ra[data-act="downloadCard_117aaf"]::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/contain no-repeat; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract .ra[data-act="deleteCard_478fec"]::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E") center/contain no-repeat; }
html[data-studio-version="new"][data-theme] #studioView .rcard:not(.failed) .ract .ra[data-act="deleteCard_478fec"]:hover { color:#b3261e; }
html[data-studio-version="new"][data-theme="dark"] #studioView .rcard:not(.failed):hover { border-color:#5a5047; box-shadow:0 6px 24px rgba(0,0,0,.3); }
html[data-studio-version="new"][data-theme="dark"] #studioView .rcard:not(.failed) .ract .ra:not([data-act="downloadCard_117aaf"]) { background:rgba(46,43,39,.94); border-color:rgba(255,255,255,.12); color:#f2ede5; }
html[data-studio-version="new"][data-theme="dark"] #studioView .rcard:not(.failed) .ract .ra:not([data-act="downloadCard_117aaf"]):hover { background:#403a33; color:#e5a68b; }
/* 右上「功能 · 耗时」角标竖排贴右边，横向只占一窄条，少挡画面；过长时省略号截断 */
html[data-studio-version="new"][data-theme] #studioView .rcard .rbadges { bottom:52px; align-items:flex-start; }
html[data-studio-version="new"][data-theme] #studioView .rcard .rmeta { writing-mode:vertical-rl; text-orientation:upright; max-width:none; max-height:100%; padding:8px 3px; font-size:11px; line-height:1.15; letter-spacing:1px; border-radius:999px; }
html[data-studio-version="new"][data-theme] #studioView .rcard .rmeta .rm-num { text-combine-upright:all; }
html[data-studio-version="new"][data-theme] #studioView .rcard .rmeta .rm-sp { display:none; }
/* 第1360轮同步桌面端第857轮：新版工作台「生成中」占位卡片补暖色。app.css 里这组是旧的黑白灰/紫色规则，这里只在新版覆盖，旧版不动；动画、尺寸、进度算法不改。
   用固定色值而不是 --studio-* 变量：变量只在窗口 ≥981px 时定义，窄窗口下引用它会让环和进度条消失。 */
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skeleton { border-color:#e5ded4; background:#f4f0ea; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skel-ring .skel-ring-bg { stroke:#e5ded4; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skel-ring .skel-ring-fg { stroke:#b45b3f; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skel-ring .skel-icon { color:#b45b3f; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skel-bar-track { background:#eee8df; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) .skel-bar-fill { background:#b45b3f; }
html[data-studio-version="new"][data-theme="light"] body:not(.admin-mode) :is(.skel-phase,.skel-time) { color:#82776d; }
html[data-studio-version="new"][data-theme="light"] body.ziyou-mode:not(.admin-mode) .zj-cell.pending { background:#f4f0ea; }
html[data-studio-version="new"][data-theme="light"] body.ziyou-mode:not(.admin-mode) .zj-cell .zj-prog { color:#6b625b; background:#fffdf9; border:1px solid #e5ded4; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skeleton { border-color:#4c443b; background:#35312c; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-ring .skel-ring-bg { stroke:#4c443b; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-ring .skel-ring-fg { stroke:#e5a68b; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-ring .skel-icon { color:#e5a68b; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-bar-track { background:#403a33; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-bar-fill { background:#e5a68b; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) :is(.skel-phase,.skel-time) { color:#b0a293; }
html[data-studio-version="new"][data-theme="dark"] body.ziyou-mode:not(.admin-mode) .zj-cell.pending { background:#35312c; }
html[data-studio-version="new"][data-theme="dark"] body.ziyou-mode:not(.admin-mode) .zj-cell .zj-prog { color:#c3b8ab; background:#2e2b27; border:1px solid #4c443b; }
/* 第1360轮同步桌面端第858轮：新版工作台生成中图标换成「绽放火花」（八根圆头短线依次呼吸、整体缓慢旋转、带柔光）；旧版继续用 .skel-ring。 */
html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-ring { display:none; }
html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark { position:relative; display:grid; place-items:center; width:56px; height:56px; flex:none; }
html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark::before { content:""; position:absolute; inset:-6px; border-radius:50%; background:radial-gradient(circle,rgba(217,119,87,.18),transparent 68%); animation:skelSparkHalo 1.8s ease-in-out infinite; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-spark::before { background:radial-gradient(circle,rgba(229,166,139,.16),transparent 68%); }
html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark svg { position:relative; width:56px; height:56px; overflow:visible; animation:skelSparkSpin 14s linear infinite; }
html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark line { stroke:#b45b3f; stroke-width:3.4; stroke-linecap:round; transform-origin:28px 28px; animation:skelSparkBreath 1.8s ease-in-out infinite; }
html[data-studio-version="new"][data-theme="dark"] body:not(.admin-mode) .skel-spark line { stroke:#e5a68b; }
@keyframes skelSparkBreath { 0%,100% { transform:scale(.62); opacity:.55; } 50% { transform:scale(1); opacity:1; } }
@keyframes skelSparkHalo { 0%,100% { opacity:.4; transform:scale(.9); } 50% { opacity:1; transform:scale(1.08); } }
@keyframes skelSparkSpin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark :is(svg,line) { animation:none; }
  html[data-studio-version="new"][data-theme] body:not(.admin-mode) .skel-spark::before { animation:none; }
}

/* 站点公告（shared.js 注入）：电脑宽屏的新版工作台里，缩成一行放进二级导航右侧空白处，
   不再往下挤页面；窄于 1280px 时仍用原来的浮动卡片并留位。 */
@media (min-width:1280px) {
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner { top:72px; left:auto; right:32px; height:32px; max-width:min(440px,calc(100vw - 760px)); padding:0 4px 0 8px; gap:10px; border-radius:12px; box-shadow:none; transform:translateY(-4px); z-index:31; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])):has(.acct-menu.show,.tt-dropdown.show) .site-banner { visibility:hidden; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner.show { transform:none; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-label { display:none; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-mark { width:22px; height:22px; border-radius:8px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-mark svg { width:14px; height:14px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-content { gap:10px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-text { font-size:13px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-go { width:22px; height:22px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])) .site-banner .sb-x { width:24px; height:24px; }
  html[data-studio-version="new"] body:not(.admin-mode):has(#studioView:not([style*="display: none"])):has(>.site-banner) .main { top:var(--topbar,112px); }
}