/* Shared silver glass theme; no effect on generated artwork or image rendering. */
:root,body,body.detail-work{
 --ds-brand:#78828a;--ds-brand-deep:#6d777f;--ds-brand-soft:#e5e8eb;
 --ds-ink:#4e555b;--ds-body:#62686d;--ds-muted:#737b82;--ds-faint:#858b90;
 --ds-canvas:transparent;--ds-surface:#f4f5f666;--ds-chrome:#f4f5f680;
 --ds-band:#e0e2e44d;--ds-line:#858b9033;--ds-line-strong:#858b904d;
 --ink:var(--ds-ink);--muted:var(--ds-muted);--faint:var(--ds-faint);--canvas:transparent;--surface:var(--ds-surface);--line:var(--ds-line);--blue:var(--ds-brand);--blue-soft:var(--ds-brand-soft);
 --commerce-blue:var(--ds-brand);--commerce-ink:var(--ds-ink);--commerce-muted:var(--ds-muted);--commerce-line:var(--ds-line);
 --glass-panel:#f4f5f6d9;--glass-edge:#e0e2e4;--glass-shadow:0 1px 3px #31363c08;
 color:var(--ds-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei UI','PingFang SC',sans-serif;
}
body,body.detail-work,body.commerce-portal{
 background:#f0f1f2;background-attachment:fixed;
}
body .topbar,body.detail-work .topbar,.commerce-header{background:#f4f5f66b;backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-edge);box-shadow:none;color:var(--ds-ink)}
body .brand,body.detail-work .brand{color:var(--ds-ink)}
body .brand-symbol,body.detail-work .brand-symbol,.commerce-mark{background:#62686d;color:#f4f5f6;box-shadow:none}
body .sidebar,body.detail-work .sidebar{background:#f4f5f652;backdrop-filter:blur(12px);border-color:var(--glass-edge);padding:20px 10px 12px;width:170px}
body .side-button,body.detail-work .side-button{color:#62686d;font-size:14px;min-height:44px;padding:11px 12px;border-radius:11px}
body .side-button:hover{background:#f4f5f655;color:#62686d}
body .side-button.active,body.detail-work .side-button.active{background:#62686d;color:#f4f5f6;border-color:transparent;box-shadow:none}
body .side-button.active::before{background:none}
body .nav-group-label,body .sidebar-note{display:none}
body .app-shell,body .main,body .studio-layout{background:transparent}
body:not(.detail-work) .preview,body:not(.detail-work) .editor,body .asset-library{background:var(--glass-panel);border:1px solid var(--glass-edge);backdrop-filter:blur(12px);box-shadow:none;border-radius:16px}
body:not(.detail-work) .studio-layout{gap:10px;padding:12px 12px 12px 0}
body:not(.detail-work) .preview{height:calc(100dvh - var(--header) - 24px)}
body .splitter{background:transparent;border-color:transparent}
body .button,body .compact-action,body .asset-select,body .asset-replace,body .selection-button,body .history-use,body .commerce-account-pill{color:#62686d;background:#f4f5f685;border-color:var(--ds-line);border-radius:10px;box-shadow:none}
body .button:hover,body .compact-action:hover{background:#f4f5f6b3;border-color:#858b905e}
body .button.primary,body.detail-work .button.primary,body.detail-work .detail-workspace .primary{background:#62686d;color:#f4f5f6;border-color:#62686d;box-shadow:none}
body .button.primary:hover{background:#62686d;border-color:#62686d}
body .button.text,body .link-button{color:#62686d;background:transparent;box-shadow:none}
body :is(input,textarea,select){accent-color:#62686d}
body :is(.tryon-card,.wb-card,.inspector-card,.flow-card,.panel-card,.history-card,.group-card,.commerce-pack,.commerce-balance,.commerce-admin-box,.commerce-table-wrap,.commerce-empty){background:#f4f5f666;border-color:var(--ds-line);box-shadow:none}
body :is(.product-mode,.packshot-output,.asset-head,.asset-search,.product-lineage,.generation-footer,.output-settings,.commerce-table th){background:#f4f5f65c;border-color:var(--ds-line)}
body :is(.product-mode button.active,.action-choice>.active,.packshot-output button.active,.frame-count.selected,.product-batch-entry.active,.mini-tabs button.active){background:#f4f5f6a6;color:#62686d;border-color:#858b906b;box-shadow:none}
body :is(.field input,.field textarea,.field select,.commerce-form input,.commerce-form textarea,.commerce-form select){background:#f4f5f68c;border-color:var(--ds-line);color:var(--ds-ink)}
body :is(dialog,.task-tray){background:#f4f5f6f5;border:1px solid #f4f5f6bf;backdrop-filter:blur(12px);color:var(--ds-ink);box-shadow:none}
body dialog::backdrop{background:#62686d38;backdrop-filter:blur(4px)}
body :is(.commerce-login,.commerce-login-content){background:transparent}
body .commerce-login-content{backdrop-filter:blur(25px)}
body .commerce-form label,body .commerce-negative{color:#62686d}
body .commerce-close:hover{background:#f4f5f670}
body .commerce-account-pill{color:#62686d}
body .commerce-table td{border-color:var(--ds-line)}
body :focus-visible{outline-color:#858b90}
body #detail-left,body #detail-preview-panel{background:var(--glass-panel);backdrop-filter:blur(12px);border-color:var(--glass-edge);box-shadow:none;color:var(--ds-ink)}
body .detail-step-footer{background:#f4f5f67a;border-color:var(--ds-line)}
body .detail-preview-header>div,body .detail-stable-strip{background:#f4f5f666;border-color:var(--glass-edge)}
body .detail-preview-header .compact-action.selected{background:#f4f5f6c4!important;color:#62686d}
body .detail-stable-strip button,body .detail-stable-strip img{background:#f4f5f685;color:#858b90}
body .detail-stable-strip button.active{border-color:#858b90;box-shadow:none}
body .detail-workspace :is(.button,.compact-action),body #detail-preview-panel :is(.button,.compact-action){background:#f4f5f685;color:#62686d;border-color:var(--ds-line)}
body .detail-target-options button[aria-pressed=true]{background:#62686d;color:#fff;border-color:#62686d}
body .detail-source-card,body .detail-facts,body .detail-field,body .detail-optional{border-color:var(--ds-line)}
body .detail-mobile-switch{background:#f4f5f6b8;border-color:var(--glass-edge)}
body .detail-mobile-switch [aria-pressed=true]{background:#f4f5f6cc;color:#62686d}
body .detail-current-caption p,body .detail-current-prompt,body .detail-preview-header>span{color:#858b90}
/* An explicit, moderately sized stepper remains legible without competing with the workspace. */
body .detail-steps{gap:14px;padding:8px 16px;border:1px solid #f4f5f69e;border-radius:16px;background:#f4f5f666;box-shadow:none;flex:none}
body .detail-steps button{font-size:15px;gap:9px;color:#858b90;font-weight:500;white-space:nowrap}
body .detail-steps b{width:34px;height:34px;background:#f4f5f65c;border-color:#858b904d;color:#858b90;font-size:15px}
body .detail-steps [aria-current=step]{color:#62686d;font-weight:650}
body .detail-steps [aria-current=step] b{background:#62686d;color:#fff;border-color:#62686d;box-shadow:none}
body .detail-steps i{color:#858b90}
body .detail-history-trigger{min-height:38px;font-size:14px;gap:7px;padding:8px 12px;white-space:nowrap}
#detail-history-dialog{position:fixed;inset:76px 20px auto auto;margin:0;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 100px);padding:20px;border-radius:18px;overflow:auto}
#detail-history-dialog::backdrop{background:#62686d1a;backdrop-filter:none}
#detail-history-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
#detail-history-dialog h2{font-size:18px;margin:0;font-weight:650}
.detail-history-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.detail-history-toolbar>div{display:flex;gap:3px;padding:3px;background:#e0e2e426;border-radius:9px;flex:none}
.detail-history-toolbar button{padding:5px 10px;border-radius:7px;font-size:13px;color:#858b90}
.detail-history-toolbar [aria-pressed=true]{background:#fff9;color:#62686d;box-shadow:none}
.detail-history-toolbar input{width:100%;min-width:0;border:1px solid #858b9040;border-radius:8px;padding:8px 10px;background:#f4f5f685;font-size:13px;outline-offset:2px}
.detail-history-rows{display:grid;gap:5px}
.detail-history-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;flex-wrap:wrap;border:1px solid transparent}
.detail-history-row:hover,.detail-history-row.current{background:#f4f5f670;border-color:#f4f5f666}
.detail-history-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;padding:0;cursor:pointer}
.detail-history-open img,.detail-history-placeholder{width:48px;height:60px;object-fit:contain;background:#f4f5f685;border:1px solid #f4f5f699;border-radius:7px;flex:none}
.detail-history-placeholder{display:grid;place-items:center;color:#858b90;font-size:22px}
.detail-history-open>span{min-width:0}
.detail-history-open strong{font-size:14px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-history-open small{display:block;color:#858b90;font-size:12px;margin-top:5px}
.detail-history-delete{display:grid;place-items:center;min-width:34px;min-height:36px;padding:6px;color:#858b90;border-radius:8px;font-size:13px;flex:none}
.detail-history-delete svg{width:19px;height:19px}
.detail-history-delete:hover{color:#a04c4b;background:#bb6b6814}
.detail-history-confirm{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;padding:8px 0 2px;border-top:1px solid var(--ds-line);font-size:13px}
.detail-history-confirm>span{margin-right:auto;color:#858b90}
body .detail-history-confirm .compact-action{min-height:30px;padding:4px 11px;font-size:13px}
body .detail-history-confirm .danger{color:#a04c4b;background:#b65e5a14;border-color:#b65e5a33}
.detail-history-empty{padding:30px;text-align:center;color:#858b90}
@media(max-width:1250px) and (min-width:1100px){body.detail-work .topbar{gap:12px;padding:0 14px}body .detail-steps{gap:8px;padding:7px 11px}body .detail-steps button{font-size:14px;gap:7px}body .detail-steps b{width:30px;height:30px}body.detail-work .brand{min-width:145px}body .detail-history-trigger{padding:7px 10px}body.detail-work .header-actions{gap:5px}}
@media(max-width:1099px){body .detail-inner-steps .detail-steps{margin:10px 14px 0;padding:8px 12px;justify-content:space-between}body .detail-inner-steps .detail-steps button{font-size:14px}body .detail-inner-steps .detail-steps b{width:30px;height:30px}body .detail-history-trigger{padding:6px 9px;font-size:13px}body .detail-history-trigger>span:last-child{display:none}body .detail-history-trigger>span:first-child{font-size:19px}body:not(.detail-work) .studio-layout{padding:10px;gap:10px}body:not(.detail-work) .preview{height:auto}#detail-history-dialog{top:72px}}
@media(max-width:720px){body .sidebar,body.detail-work .sidebar{width:100%;padding:6px 10px;background:#f4f5f680}body .side-button,body.detail-work .sidebar .side-button{font-size:12px;min-height:36px;padding:9px 11px}body .detail-inner-steps .detail-steps{gap:7px}body .detail-inner-steps .detail-steps button{font-size:13px;gap:6px}body .detail-inner-steps .detail-steps b{width:29px;height:29px}body .detail-inner-steps .detail-steps i{font-size:11px}body.detail-work .commerce-account-pill{background:#f4f5f685;border-color:var(--ds-line)}body.detail-work .commerce-account-pill::after{color:#62686d}}
@media(prefers-reduced-transparency:reduce){body #detail-left,body #detail-preview-panel,body .topbar,body .sidebar,body:not(.detail-work) .preview,body:not(.detail-work) .editor,body dialog{background:#f4f5f6;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto;transition:none!important}}
body.detail-work .detail-header-actions .detail-history-trigger{background:#f4f5f685;color:#62686d;border-color:var(--ds-line);box-shadow:none}
body .detail-steps button:disabled{opacity:.75}
body .card-num{background:#f4f5f685;color:#858b90}
body .detail-target-options .selected{background:#62686d;color:white;border-color:#62686d}
body>header:not(.topbar),body .photo-showcase{background:var(--glass-panel);border-color:var(--glass-edge);backdrop-filter:blur(12px);box-shadow:none}
body>main{background:#f4f5f655;border-color:var(--ds-line)}
body .hero-visual .glow-a{background:none}
body .hero-visual .glow-b{background:none}
body .btn{background:#62686d;color:#fff;border-radius:10px;box-shadow:none}
body .btn.ghost{background:#f4f5f685;color:#62686d;border-color:var(--ds-line)}
body>main .card{background:#f4f5f666;border-color:var(--glass-edge);box-shadow:none;backdrop-filter:blur(18px)}
body #detail-image-dialog,body #detail-source-dialog,body #detail-original-dialog,body #image-dialog{background:#f4f5f6f5;color:var(--ds-ink);border-color:var(--glass-edge)}
body #image-dialog :is(.viewer-heading,.image-toolbar){background:#f4f5f6c9;border-color:var(--ds-line);color:var(--ds-body)}
body #image-dialog :is(#image-caption,.dialog-close,.viewer-hint){color:var(--ds-muted)}
@media(max-width:720px){#detail-history-dialog{inset:72px 16px auto 16px;width:auto;max-width:none;box-sizing:border-box}}
/* Neutral mist: flat, lightly translucent surfaces without luminous rims. */
body,body.detail-work,body.commerce-portal{background:#f0f1f2;background-image:none}
body .sidebar,body.detail-work .sidebar{background:#e9ebed;color:#62686d}
body .topbar,body.detail-work .topbar,.commerce-header{background:#f1f2f3ed;border-color:#e0e2e4}
body :is(.brand-symbol,.commerce-mark){background:#78828a;color:#fff;box-shadow:none}
body .side-button.active,body.detail-work .side-button.active{background:#d9dde0;color:#565e65;border:1px solid #d2d7db;box-shadow:none}
body .button.primary,body.detail-work .button.primary,body.detail-work .detail-workspace .primary,body .btn{background:#78828a;color:#fff;border-color:#78828a;box-shadow:none}
body .button.primary:hover,body.detail-work .button.primary:hover{background:#6d777f;border-color:#6d777f}
body :is(.button,.compact-action,.asset-select,.asset-replace,.selection-button,.history-use,.commerce-account-pill){border-radius:14px;box-shadow:none}
body:not(.detail-work) .preview,body:not(.detail-work) .editor,body .asset-library,body #detail-left,body #detail-preview-panel{background:#f4f5f6d9;border:1px solid #e0e2e4;border-radius:20px;box-shadow:none}
body .editor{height:calc(100dvh - var(--header) - 24px)}
body :is(.tryon-card,.flow-card,.wb-card,.inspector-card,.panel-card,.history-card,.group-card){background:#f4f5f6d9;border-color:#e0e2e4;border-radius:12px;box-shadow:none}
body :is(.pose-choice,.compact-pose,.asset-card>button:first-child,.compact-product-main,.compact-model-main,.slot-target,.packshot-reference){border-radius:12px;border-color:#e0e2e4;box-shadow:none}
body :is(.pose-choice.active,.compact-pose.active,.asset-card.selected>button:first-child,.action-choice>.active,.packshot-output button.active,.frame-count.selected,.product-batch-entry.active,.chip.active,.choice.active){background:#e9ecef;color:#62686d;border:1px solid #a3adb5;border-radius:12px;box-shadow:none;outline:none}
body :is(.pose-choice.active .pose-choice-check,.compact-pose.active .compact-pose-check,.asset-card.selected .pose-check){background:#78828a;border-color:#78828a;color:#fff}
body .detail-target-options .selected,body.detail-work .detail-target-options .selected{background:#d9dde0;color:#565e65;border-color:#a3adb5;box-shadow:none}
body .detail-steps [aria-current=step]{color:#565e65}
body .detail-steps [aria-current=step] b{background:#78828a;border-color:#78828a;color:#fff}
body .detail-workspace .chosen .detail-check{background:#78828a;border-color:#78828a}
body .filmstrip,body .result-filmstrip,body .detail-stable-strip{background:#f4f5f6d9;border:1px solid #e0e2e4;border-radius:16px;padding:10px 12px;box-shadow:none;min-width:0}
body .filmstrip{margin-top:10px;gap:12px}
body .filmstrip-row{min-width:0;flex:1;overflow-x:auto}
body .filmstrip-row button,body .result-filmstrip>button,body .detail-stable-strip button{border:1px solid #d6dce1;border-radius:10px;background:#eef0f2;box-shadow:none;overflow:hidden}
body .filmstrip-row img{object-fit:contain}
body .result-filmstrip>button.active,body .detail-stable-strip button.active{border-color:#a3adb5;box-shadow:0 0 0 1px #a3adb54d}
body .generation,body .tryon-output-card .generation,body .output-card .generation{position:relative;flex:none;padding:12px;margin-top:12px;background:#f4f5f6e6;border:1px solid #e0e2e4;border-radius:16px;box-shadow:none;container-type:inline-size;overflow:visible}
body .tryon-output-card,body .output-card{border-radius:16px;background:transparent}
body .generation .generation-bottom,body .generation.compact .generation-bottom.compact-row{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:10px;align-items:stretch;margin-top:10px}
body .generation .parameter-pop{position:static;min-width:0;align-self:stretch}
body .generation .parameter-pop>summary,body .generation.compact .parameter-pop>summary{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;grid-template-rows:21px 19px;column-gap:8px;row-gap:0;align-content:center;align-items:center;min-height:56px;height:56px;padding:7px 11px;border:1px solid #bac2c9;border-radius:14px;background:#f7f8f9;color:#62686d;box-shadow:none;white-space:nowrap}
body .generation .parameter-pop>summary:hover{background:#eef0f2;border-color:#a3adb5}
body .generation .parameter-pop[open]>summary{background:#e9ecef;border-color:#a3adb5}
body .generation .parameter-pop>summary strong,body .generation.compact .parameter-pop>summary strong{display:block;grid-column:2;grid-row:1;font-size:14px;font-weight:600;line-height:21px;white-space:nowrap}
body .generation .parameter-pop>summary>span,body .generation.compact .parameter-pop>summary>span{grid-column:2;grid-row:2;margin:0;font-size:12px;line-height:19px;color:#737b82;white-space:nowrap}
body .generation .parameter-pop>summary>.ui-icon:first-child{grid-column:1;grid-row:1/3;width:20px;height:20px;color:#737b82}
body .generation .parameter-pop>summary>.ui-icon:last-child{grid-column:3;grid-row:1/3;width:14px;height:14px;color:#737b82}
body .generation .generate-button,body .generation.compact .generation-bottom.compact-row>.generate-button{height:56px;min-height:56px;min-width:0;font-size:15px;line-height:1.4;border-radius:14px;padding:8px 10px;white-space:normal;overflow-wrap:normal}
body .generation .parameter-panel{left:0;right:0;bottom:calc(100% + 8px);width:auto;border:1px solid #d6dce1;border-radius:16px;background:#f4f5f6fa;box-shadow:0 4px 12px #31363c0d;max-height:min(60vh,420px)}
body .generation .compact-note>summary,body .generation .compact-note textarea,body .generation .note-label textarea{border-radius:12px;background:#f7f8f9;border-color:#e0e2e4;color:#62686d}
body .generation .compact-note>summary{font-size:12px;min-height:36px}
body .detail-step-footer{background:#f4f5f6e6;border:1px solid #e0e2e4;border-radius:16px;margin:0 12px 12px;padding:12px}
body .detail-step-footer .primary{min-height:56px;border-radius:14px}
body .detail-fixed-stage img{filter:none}
body .hero-visual .glow{display:none}
body :is(.product-mode,.packshot-output,.choice-row,.mini-tabs){border-radius:12px}
body :is(.parameter-panel,.commerce-form) :is(select,input,textarea){background:#f7f8f9;border-color:#d6dce1;color:#62686d;border-radius:12px}
@container(max-width:320px){body .generation .generation-bottom,body .generation.compact .generation-bottom.compact-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1099px){body:not(.detail-work) .editor{height:auto}body .detail-step-footer{position:sticky;bottom:12px}}
@media(prefers-reduced-transparency:reduce){body .topbar,body .sidebar,body .preview,body .editor,body #detail-left,body #detail-preview-panel,body dialog{background:#f4f5f6;backdrop-filter:none}}
@media(min-width:1100px){
 body:has(.app-shell){height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body>.topbar,body>.commerce-studio-banner{flex:none}
 body .app-shell{flex:1;min-height:0;overflow:hidden}
 body .main,body .studio-layout{height:100%;min-height:0}
 body:not(.detail-work) .preview,body:not(.detail-work) .editor,body.model-library-page #library{height:100%;min-height:0}
 body.wide-work .studio-layout,body.solo-work .studio-layout{overflow:auto}
 body.wide-work #editor,body.solo-work #editor{height:auto;min-height:100%}
}
body .compact-pose{position:relative}
body .compact-pose.active::after{content:'✓';position:absolute;top:5px;right:5px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #a3adb5;border-radius:50%;background:#78828a;color:#fff;font-size:12px;line-height:1;pointer-events:none}