/* 2026-10-13 · Referenced Temu workbench: dark navigation, quiet task cards. */
:root{--wb-rail:216px;--wb-form:360px;--wb-ink:var(--color-navigation);--wb-ink-soft:var(--color-navigation-hover);--wb-ink-line:var(--color-navigation-border);--wb-ink-muted:var(--color-navigation-muted)}
body{grid-template-columns:var(--wb-rail) minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);background:var(--color-page);-webkit-font-smoothing:antialiased}
.app-sidebar{grid-row:1/-1;display:flex;flex-direction:column;background:var(--wb-ink);border:0;color:#f2f2f5;overflow:hidden}
.wb-brand{height:90px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--wb-ink-line)}
.wb-brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:var(--color-brand);font-size:20px;font-weight:650;color:white;flex-shrink:0}
.wb-brand .brand{font-size:17px;font-weight:650;letter-spacing:-.3px;line-height:1.4}.wb-brand .brand>span{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--wb-ink-muted);margin-top:3px}
#primaryNavigation{display:flex;flex-direction:column;width:100%;min-height:0;flex:1;padding:20px 12px 16px;gap:0;overflow:hidden}
.top-navigation{display:grid;grid-template-columns:1fr 1fr;align-self:stretch;gap:6px;padding:0 0 22px;margin:0;order:0;flex-shrink:0;border-bottom:1px solid var(--wb-ink-line)}
.top-navigation .nav{width:100%;min-height:42px;height:auto;padding:8px 4px;border-radius:7px;font-size:14px;font-weight:500;text-align:center;color:#bbc0ca;background:transparent}
.top-navigation .nav.active{color:white;background:#383b46}.top-navigation .nav.active::before{display:none}
.top-navigation .nav:hover{color:white;background:var(--wb-ink-soft)}
.wb-nav-label{font-size:14px;color:var(--wb-ink-muted);padding:22px 12px 12px;order:1}
#primaryNavigation>[data-workspace-navigation]{order:2;flex:1;min-height:0;flex-direction:column;overflow-y:auto;gap:4px;scrollbar-width:thin;scrollbar-color:#444854 transparent}
#primaryNavigation .nav:not([data-workspace]){min-height:44px;padding:10px 14px;font-size:15px;font-weight:500;color:#bec2cc;text-align:left;border-radius:7px}
#primaryNavigation .nav:not([data-workspace]):hover{background:var(--wb-ink-soft);color:white}
#primaryNavigation .nav:not([data-workspace]).active{background:#2a2e37;color:var(--color-text)}
#primaryNavigation .nav:not([data-workspace]).active::before{left:0;top:14px;bottom:14px;width:3px;background:var(--color-brand)}
#primaryNavigation .nav-library{order:3;margin-top:auto;padding-top:16px;flex-shrink:0;border-top:1px solid var(--wb-ink-line);gap:2px}
#primaryNavigation .production-recover{order:4;color:#bcc1cc!important;text-align:left;padding:10px 14px!important;margin:0;font-size:14px!important;flex-shrink:0;min-height:42px}
.app-header{grid-column:2;grid-row:1;min-width:0;padding:0 28px;gap:16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.wb-page-title{display:flex;align-items:center;gap:14px;min-width:0}.wb-page-title>span{font-size:14px;color:var(--color-text-muted);white-space:nowrap}.wb-page-title .wb-breadcrumb-divider{color:#b9bbc0}
.wb-page-title h1{font-size:18px;font-weight:650;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-history-button{margin-left:auto;font-size:14px;min-height:40px;padding:8px 12px;white-space:nowrap;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface)}.wb-history-button:hover{background:var(--color-page)}.wb-history-button>span{margin-left:8px;color:rgb(var(--ink) / 50%)}
.wb-menu-button,.wb-close-menu,.wb-nav-backdrop,.wb-view-switch{display:none}
main{grid-row:2;grid-column:2;padding:24px;overflow:hidden;min-height:0}
.workspace,.creative-workspace{height:100%;grid-template-columns:var(--wb-form) minmax(0,1fr);gap:20px}
.settings,.cm-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #22262c03}
.settings{display:flex;flex-direction:column;padding:0}
.settings-scroll,.cm-scroll{padding:22px;min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ink) / 15%) transparent}
.settings-footer,.cm-foot{padding:16px 22px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}
.settings-footer .primary,.cm-foot .primary{width:100%;min-height:44px;margin-top:9px;font-size:15px}
.section-title,.cm-headrow h2{font-size:18px;margin:0;font-weight:650}.product-heading,.cm-headrow{margin-bottom:20px;display:flex;align-items:center;min-height:26px;gap:10px}
.product-heading{justify-content:flex-start}.cm-headrow h2{margin-right:auto}
.product-heading::before,.cm-headrow::before{content:'';width:3px;height:17px;background:var(--color-brand);border-radius:2px;flex-shrink:0}
.field{margin-bottom:18px}.field label,.planfields label{font-size:14px;font-weight:600;margin-bottom:8px}
input[type=text],input[type=number],input[type=url],textarea,select,.select-control{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:10px 12px;min-height:44px;font-size:15px;line-height:1.55;box-shadow:0 1px 2px #22262c02}
input[type=text]:hover,textarea:hover,.select-control:hover{border-color:var(--color-border-strong)}input[type=text]:focus,textarea:focus,.select-control[aria-expanded=true]{border-color:var(--color-brand);outline:0;box-shadow:0 0 0 3px var(--color-surface-muted)}
input::placeholder,textarea::placeholder{color:rgb(var(--ink) / 50%);font-size:14px}textarea{min-height:92px;line-height:1.65}#selling{height:196px;min-height:144px}#requirements{height:88px;min-height:88px}
.row{gap:12px}.settings-section,.cm-section{margin-top:24px;padding-top:22px;border-color:var(--color-border)}.settings h3,.cm-section>h3{font-size:16px;font-weight:650;margin-bottom:14px}.structure-heading h3{margin-bottom:2px}.sub{font-size:14px}
.image-heading,.cm-upload-label{font-size:14px;font-weight:600;margin-bottom:10px}.image-count{font-size:14px;font-weight:400;color:var(--color-text-muted)}
.upload-zone,.cm-upload{padding:20px 14px;border:1px dashed var(--color-border);border-radius:9px;background:var(--color-surface-muted);min-height:0}
.upload-zone:not(:has(.photo)) .upload-actions{min-height:94px;gap:10px}.upload-actions{gap:10px}.upload-button,.cm-upload>.primary{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 2px #00000005;color:var(--color-text);border-radius:7px;padding:8px 18px;font-size:14px;min-height:40px}.upload-button:hover,.cm-upload>.primary:hover{border-color:var(--color-brand);color:var(--color-primary);background:var(--color-surface)}
.drop-hint,.cm-upload p{font-size:14px;color:var(--color-text-muted)}.upload-help{font-size:14px;line-height:1.6;margin:10px 0 20px}.cm-upload{margin-bottom:18px}.cm-upload p{margin-top:9px}.cm-upload.compact{padding:14px}
.primary{border-radius:8px;font-weight:600;box-shadow:0 1px 2px #a5411418;font-size:15px}.secondary{border-radius:8px;font-size:14px;min-height:40px;padding:8px 14px}.counttotal,.cm-count{font-size:14px}.counttotal b,.cm-count b{font-size:16px}
.typegrid{gap:0;margin-top:14px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.type{border:0;border-bottom:1px solid var(--color-border);padding:11px 12px;border-radius:0;background:var(--color-surface)}.type:last-child{border:0}.type b{font-size:14px;font-weight:600}.type small{font-size:14px;margin-top:3px}.counter{gap:0;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.counter button{border:0;background:transparent;width:28px;height:30px;font-size:17px}.counter>span{min-width:25px;text-align:center;font-size:14px}
.choose-layouts{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);min-height:36px;padding:6px 12px;font-size:14px;font-weight:500}.choose-layouts:hover{border-color:var(--color-brand);color:var(--color-primary);background:var(--color-surface)}
.listing-setting{margin-top:20px;padding-top:20px}.listing-setting strong{font-size:14px}.listing-setting p{font-size:14px}.switch-control{transform:scale(.92);transform-origin:right center}
.canvas,.cm-canvas{padding:0;background:transparent;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--ink) / 15%) transparent;border:0}
.canvas:has(#configure:not(.hidden) .suite-overview){background:transparent}
.suite-example-board,.cm-example{border:1px solid var(--color-border);border-radius:12px;padding:22px;background:var(--color-surface);box-shadow:0 1px 2px #22262c03}
.suite-example-board{grid-template-columns:32% minmax(0,1fr);gap:20px}.suite-intro{padding-bottom:17px;border-bottom:1px solid var(--color-border);margin-bottom:0}.suite-intro h2,.cm-example h2{font-size:17px;font-weight:650;line-height:1.5}.cm-example h2{padding-bottom:17px;border-bottom:1px solid var(--color-border);margin-bottom:20px}
.suite-example-image{height:clamp(132px,calc((100dvh - 350px)/2),216px);border-radius:8px}.suite-example-support{gap:16px 12px}.suite-example-main .suite-example-image{height:auto}.suite-example-card figcaption,.cm-example figcaption{font-size:14px;font-weight:400;padding-top:10px;min-height:32px;color:var(--color-text-secondary)}
.cm-detail-demo{grid-template-columns:1fr 1fr 1fr;gap:14px}.cm-detail-demo .cm-example-image{height:clamp(135px,calc((100dvh - 350px)/2),216px)}.cm-detail-demo figure:first-child .cm-example-image{height:auto}.cm-reference-demo .cm-example-image{height:clamp(200px,48dvh,350px)}.cm-fashion-demo .cm-example-image{height:clamp(220px,48dvh,350px);aspect-ratio:auto}
.cm-models{gap:10px}.cm-model{border-radius:8px}.cm-model img{max-height:190px;object-fit:contain}.cm-chip{padding:8px 10px;min-height:40px}.cm-module{padding:11px 9px;gap:7px;border-radius:8px}.cm-module span{font-size:14px;font-weight:600}.cm-module small{font-size:14px}.cm-module input{margin-top:3px}
.plancard,.cm-plan-card,.listing-draft{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px}.cm-plan-layout{grid-template-columns:138px minmax(0,1fr);gap:16px}.cm-outline button{background:transparent;padding:9px 10px}.cm-outline button:hover{background:var(--color-surface)}.planfields{gap:14px}.planheader strong,.cm-plan-heading h3{font-size:16px}.statusbar{background:var(--color-surface);padding:16px 20px;border:1px solid var(--color-border);border-radius:10px;margin-bottom:18px}.plan-tools{padding:18px 0}.canvas-header{padding:0 0 20px;margin:0}.canvas-header h1{font-size:22px}.empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:60px 24px}
.work-row,.image-work-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:18px;margin-bottom:12px}.image-work-row img{width:80px;height:80px}.image-work-row h3,.work-row h3{font-size:16px}.image-work-row p{font-size:14px}
.workspace.library{grid-template-columns:minmax(0,1fr)}.workspace.library>.canvas{padding:4px;max-width:none}
.toast{z-index:120}
@media(min-width:1500px){:root{--wb-form:380px}main{padding:28px}.workspace,.creative-workspace{gap:24px}.suite-example-board,.cm-example{padding:26px}}
@media(min-width:761px) and (max-width:1100px){:root{--wb-rail:192px;--wb-form:320px}.app-header{padding:0 20px}.wb-brand{padding:0 13px;gap:8px}.wb-brand .brand{font-size:15px}.wb-brand-mark{width:30px;height:34px}main{padding:18px}.workspace,.creative-workspace{gap:16px}.settings-scroll,.cm-scroll{padding:18px}.settings-footer,.cm-foot{padding:14px 18px}.suite-example-board{padding:18px;grid-template-columns:1fr}.suite-example-main{max-width:220px;margin:auto}.suite-example-main .suite-example-image{height:200px;flex:none}.suite-example-main img{position:static}.suite-example-support{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-example-support .suite-example-card,.suite-example-support .suite-example-card:nth-child(4),.suite-example-support .suite-example-card:nth-child(5){grid-column:auto}.suite-example-image{height:145px}.cm-plan-layout{grid-template-columns:1fr}.cm-outline{display:none}}
@media(min-width:761px) and (max-width:900px){main{overflow:auto}.workspace,.creative-workspace{grid-template-columns:1fr;height:100%;overflow:auto}.settings,.cm-settings{min-height:580px;max-height:720px}.canvas,.cm-canvas{overflow:visible}.suite-example-board{grid-template-columns:30% minmax(0,1fr)}.suite-example-main{max-width:none}.suite-example-main .suite-example-image{height:auto;flex:1}.suite-example-main img{position:absolute}.cm-example{margin-bottom:20px}}
@media(max-width:760px){
 body{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);overflow:hidden}
 body.wb-has-form{grid-template-rows:60px 52px minmax(0,1fr)}
 .app-header{grid-column:1;grid-row:1;gap:12px;padding:0 16px;min-height:60px;display:flex;overflow:visible}
 .wb-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:36px;min-height:40px;padding:8px;flex-shrink:0;border:1px solid var(--color-border);border-radius:7px}.wb-menu-button span{width:16px;height:1.5px;background:var(--color-text);border-radius:2px}
 .wb-page-title{gap:0}.wb-page-title>span{display:none}.wb-page-title h1{font-size:17px}.wb-history-button{border:0;padding:8px 0;font-size:14px;min-height:40px}.wb-history-button>span{margin-left:4px}
 .app-sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:min(286px,84vw);height:100dvh;visibility:hidden;transform:translateX(-100%);transition:transform .18s ease,visibility .18s;box-shadow:12px 0 50px #10131928}
 .wb-navigation-open .app-sidebar{visibility:visible;transform:translateX(0)}.wb-navigation-open .wb-nav-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#15171e80}
 .wb-close-menu{display:block;margin-left:auto;width:32px;min-height:40px;font-size:25px;color:#aeb3bf}.wb-brand{height:82px}.wb-brand .brand{font-size:17px}
 #primaryNavigation{padding:18px 14px 18px;min-height:0}#primaryNavigation .top-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px}.top-navigation .nav{min-height:44px;font-size:15px}#primaryNavigation .nav:not([data-workspace]){font-size:16px}
 .wb-has-form .wb-view-switch{display:flex;grid-column:1;grid-row:2;margin:0;padding:7px 16px;gap:6px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.wb-view-switch button{flex:1;font-size:14px;color:var(--color-text-secondary);min-height:36px;border-radius:6px}.wb-view-switch button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}
 main{grid-column:1;grid-row:2;padding:16px 14px;overflow:auto;min-height:0}.wb-has-form main{grid-row:3}
 .workspace,.creative-workspace{display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:16px;overflow:visible}.settings,.cm-settings{height:auto;max-height:none;min-height:0;border-radius:10px;overflow:visible}.settings-scroll,.cm-scroll{padding:20px;overflow:visible;flex:none}.settings-footer,.cm-foot{padding:16px 20px;border-radius:0 0 10px 10px}.canvas,.cm-canvas{padding:0;overflow:visible}
 .wb-has-form[data-workbench-view=settings] :is(#workspace>.canvas,#creativeWorkspace>.cm-canvas){display:none}
 .wb-has-form[data-workbench-view=preview] :is(#settings,#creativeWorkspace>.cm-settings){display:none}
 .suite-example-board{display:grid;grid-template-columns:1fr;padding:18px;gap:18px;border-radius:10px}.suite-example-main{max-width:240px;margin:auto}.suite-example-main .suite-example-image{height:220px;flex:none}.suite-example-main img{position:static}.suite-example-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.suite-example-support .suite-example-card,.suite-example-support .suite-example-card:nth-child(4),.suite-example-support .suite-example-card:nth-child(5){grid-column:auto}.suite-example-image{height:auto;aspect-ratio:1}
 .cm-example{padding:18px;border-radius:10px}.cm-detail-demo{grid-template-columns:1fr 1fr}.cm-detail-demo figure:first-child{grid-column:1/-1;grid-row:auto;max-width:240px;margin:auto}.cm-detail-demo figure:first-child .cm-example-image{height:220px}.cm-detail-demo figure:first-child img{position:static}.cm-detail-demo .cm-example-image{height:auto;aspect-ratio:1}.cm-reference-demo{gap:12px}.cm-reference-demo .cm-example-image{height:auto;aspect-ratio:1}.cm-fashion-demo{grid-template-columns:1fr 1fr;gap:12px}.cm-fashion-demo figure:first-child{grid-column:1/-1;max-width:210px;margin:auto}.cm-fashion-demo .cm-example-image{height:230px}
 .cm-plan-layout{grid-template-columns:1fr}.cm-outline{display:none}.plancard,.cm-plan-card{padding:16px}.planfields{grid-template-columns:1fr}.listing-fields{grid-template-columns:1fr}.work-row,.image-work-row{padding:16px}.row{gap:12px}.cm-module span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}

/* Keep each example at its natural proportion, independent of the form height. */
.suite-example-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px 14px;container-type:inline-size;container-name:examples}
.suite-intro{grid-column:1/-1}
.suite-example-support{display:contents}
.suite-example-board .suite-example-card,.suite-example-support .suite-example-card:nth-child(4),.suite-example-support .suite-example-card:nth-child(5){grid-column:auto;max-width:none;margin:0;align-self:start}
.suite-example-board .suite-example-image,.suite-example-board .suite-example-main .suite-example-image{height:auto;aspect-ratio:1;flex:none;background:var(--color-surface-muted)}
.suite-example-board .suite-example-main img{position:static}
.cm-example{container-type:inline-size;container-name:examples}
.cm-detail-demo{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px 14px}
.cm-detail-demo figure:first-child{grid-column:auto;grid-row:auto;max-width:none;margin:0}
.cm-detail-demo .cm-example-image,.cm-detail-demo figure:first-child .cm-example-image{height:auto;aspect-ratio:1;flex:none;background:var(--color-surface-muted)}
.cm-detail-demo figure:first-child img{position:static}
@container examples (max-width:560px){.suite-example-board>.suite-example-main{grid-column:1}.cm-detail-demo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1200px){.suite-example-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.suite-example-board{gap:18px 12px}.cm-detail-demo{grid-template-columns:repeat(2,minmax(0,1fr))}}

body[data-workspace=video] #primaryNavigation{padding-top:20px;gap:0}
@media(min-width:761px) and (max-width:800px){body{height:100dvh;overflow:hidden;grid-template-columns:var(--wb-rail) minmax(0,1fr);grid-template-rows:64px minmax(0,1fr)}.app-sidebar{position:static;height:auto}.app-header{display:flex;grid-template-rows:none}}
@media(max-width:760px){body[data-workspace=video] #primaryNavigation{padding-top:18px}}

/* 商品套图：上传即可开始，补充信息与细项按需展开。 */
.suite-options{border-top:1px solid var(--color-border);padding:16px 0 0;margin:18px 0 0}
.suite-options>summary{font-size:16px;color:var(--color-text);font-weight:600;min-height:28px}
.suite-options[open]>summary{margin-bottom:18px}
.suite-options>.settings-section:first-of-type{border-top:0;margin-top:0;padding-top:0}
.suite-options.video-options{border:0;padding:0}.suite-options.video-options>summary{display:none}

/* Shared activity indicator, used while writing listing copy. */
.understand-spinner{flex:none;width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:understand-spin .8s linear infinite}
@keyframes understand-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.understand-spinner{animation:none}}
.settings.has-understanding #suiteQuickHelp{display:none}

/* 2026-10-18 第一期 B：示例卡与表单卡等高，内容在卡内居中，图片随屏幕高度放大（仅桌面）。 */
@media (min-width:901px){
 #configure:has(> #visual > .suite-overview){display:flex;flex-direction:column;min-height:100%}
 #visual:has(> .suite-overview){display:flex;flex-direction:column;flex:1}
 #visual > .suite-overview{display:flex;flex-direction:column;flex:1}
 .suite-overview > .suite-example-board{flex:1;grid-template-rows:auto minmax(0,1fr) auto auto minmax(0,1fr)}
 .suite-example-board > .suite-intro{grid-row:1}
 .suite-example-board > .suite-example-main,.suite-example-support > .suite-example-card:nth-child(-n+2){grid-row:3}
 .suite-example-support > .suite-example-card:nth-child(n+3){grid-row:4}
 .suite-example-board .suite-example-image,.suite-example-board .suite-example-main .suite-example-image{position:static;flex:none;height:auto;aspect-ratio:1;max-height:calc((100dvh - 340px) / 2)}
 .suite-example-board .suite-example-main img{position:static}
 #cm-content:has(> .cm-example){display:flex;flex-direction:column;min-height:100%}
 #cm-content > .cm-example{flex:1;display:flex;flex-direction:column}
 #cm-content > .cm-example > h2 + *{margin-block:auto}
 .cm-detail-demo .cm-example-image,.cm-detail-demo figure:first-child .cm-example-image{height:auto;aspect-ratio:1;max-height:calc((100dvh - 340px) / 2)}
 .cm-reference-demo .cm-example-image{height:auto;aspect-ratio:1;max-height:calc(100dvh - 300px)}
 .cm-fashion-demo{align-items:end;grid-template-columns:.8fr 1fr 1fr}
 .cm-fashion-demo .cm-example-image,.cm-fashion-demo figure:first-child .cm-example-image{height:auto;max-height:none}
 .cm-fashion-demo .cm-example-image img{height:auto;max-height:calc(100dvh - 300px)}
}

/* 2026-10-18 第一期 B：各工作区表单标题统一为“橙色短竖条 + 18px”，与作图页一致。 */
.vs-form-scroll > h1:first-child,.analysis-scroll > h2:first-child,.gif-scroll > fieldset:first-child > h2:first-child{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:650;line-height:1.5}
.vs-form-scroll > h1:first-child::before,.analysis-scroll > h2:first-child::before,.gif-scroll > fieldset:first-child > h2:first-child::before{content:'';flex-shrink:0;width:3px;height:17px;border-radius:2px;background:var(--color-brand)}
/* 上传区里的按钮统一为白底描边，橙色实心只给主操作。 */
.vs-upload > button.primary{min-height:40px;padding:0 16px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:600}
.vs-upload > button.primary:hover{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}

/* 2026-10-18 第一期 B：竞品分析表单卡高度跟随内容；只在需要的地方显示“找回上次方案”；作品库里不再重复显示顶栏入口。 */
@media (min-width:901px){
 .analysis-settings{align-self:start;max-height:100%}
 .analysis-settings > .analysis-scroll{flex:0 1 auto}
}
body[data-workspace="analysis"] .production-recover,body[data-workspace="gif"] .production-recover{display:none}
body.wb-library-open[data-workspace="image"] #workbenchHistory,body.wb-library-open[data-workspace="video"] #workbenchHistory{visibility:hidden}

/* 2026-10-18 图片数量与样式：改为默认展开的固定分区，不再折叠 */
.suite-output>.suite-options-title{margin:0 0 18px;font-size:16px;font-weight:650;color:var(--color-text);min-height:28px;line-height:28px}
.suite-options.video-options>.suite-options-title{display:none}

/* 2026-10-18 商品上架文案：撰写中、失败、字数提示与检查结果 */
.listing-actions{display:flex;flex-wrap:wrap;gap:8px}
.listing-state{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:15px;color:var(--color-text-secondary)}
.listing-state.is-error{color:var(--color-primary)}
.listing-note{margin:10px 0 0;font-size:14px;color:var(--color-text-secondary)}
/* 2026-10-27 (6B 第三段) 文案依据：一行说明，来源默认收起 */
.listing-basis{margin:10px 0 0;font-size:13px;color:var(--color-text-muted)}
.listing-basis details{display:inline;margin-left:10px}.listing-basis summary{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-secondary);list-style:none;cursor:pointer}.listing-basis summary::-webkit-details-marker{display:none}.listing-basis summary:hover{background:var(--color-hover)}
.listing-basis ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.listing-basis li{display:flex;gap:8px;min-width:0}.listing-basis li a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.listing-basis li span{flex:none;color:var(--color-text-muted)}
.direction-basis{font-size:12px;color:var(--color-text-muted);min-width:0}
.listing-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.listing-count{font-size:14px;color:var(--color-text-muted);white-space:nowrap}
.listing-count.is-over{color:var(--color-primary);font-weight:600}
.listing-issue{margin:6px 0 0;font-size:14px;color:var(--color-primary)}
.listing-translation{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--color-text-secondary);white-space:pre-line;overflow-wrap:anywhere}

/* 2026-10-18 必填标记：红色星号，选填项不标 */
.required-mark,.vs-required{color:var(--color-required);margin-left:3px;font-weight:600}

/* Four image tools share a single product-information editor. */
#cm-selling { min-height: 160px; }
#result > .listing-draft { margin: 20px 0 0; padding: 24px; }
/* 2026-10-26 AI 帮写：生图要求的创作方向 */
.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.field-heading label{margin-bottom:8px}

/* 2026-10-28: AI 帮写的方向从按钮弹出，盖在输入框上；选中一个或收起前输入框锁定。 */
.field:has(> .requirement-directions){position:relative}
.requirement-directions{position:absolute;z-index:40;top:34px;left:0;right:0;max-height:min(480px,72vh);overflow:auto;padding:10px 12px 12px;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-floating);transform-origin:top right;animation:direction-pop .2s cubic-bezier(.2,.8,.3,1)}
@keyframes direction-pop{from{opacity:0;transform:translateY(-6px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.requirement-directions{animation:none}}
.direction-pop-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.direction-pop-head strong{flex:1;font-size:14px}
.direction-close{width:28px;height:28px;flex:none;border:0;border-radius:8px;background:none;color:var(--color-text-secondary);font:inherit;font-size:18px;line-height:1;cursor:pointer}.direction-close:hover{background:var(--color-hover);color:var(--color-text)}
.direction-hint,.direction-state{margin:0 0 10px;font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px}.direction-state{margin:4px 0}.direction-state.is-error{color:var(--color-required)}
.direction-list{display:grid;gap:6px}
.direction-card{display:block;width:100%;text-align:left;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;color:var(--color-text);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}
.direction-card:hover{border-color:var(--color-primary);background:var(--color-surface-muted)}.direction-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.direction-card strong{display:block;font-size:14px;margin-bottom:4px}.direction-card span{display:block;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}
.direction-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.direction-foot .textbtn{flex:none}
textarea.is-locked{opacity:.35;pointer-events:none}
/* 2026-10-26 整套视觉风格：真实样图选择 */
.field-label{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:8px}
.style-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.style-option{display:flex;flex-direction:column;gap:6px;padding:4px 4px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font:inherit;font-size:12px;line-height:1.3;cursor:pointer;text-align:center;min-width:0}
.style-option:hover{border-color:var(--color-border-strong)}.style-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.style-option.is-active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}
.style-thumb{display:block;aspect-ratio:1;border-radius:7px;overflow:hidden;background:url(https://waibu2026.oss-cn-hangzhou.aliyuncs.com/website/ecommerce/media-d56a78c387ce12a28c88/assets/styles/style-sheet.webp) 0 0/300% 300% no-repeat var(--color-surface-muted)}
.style-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.style-mosaic{display:grid;grid-template-columns:1fr 1fr;background:none}.style-mosaic i{background:url(https://waibu2026.oss-cn-hangzhou.aliyuncs.com/website/ecommerce/media-d56a78c387ce12a28c88/assets/styles/style-sheet.webp) 0 0/300% 300% no-repeat}
.style-upload .style-thumb{display:flex;align-items:center;justify-content:center;background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);color:var(--color-text-secondary);font-size:12px;padding:4px}
/* 2026-10-26 生成前确认 */
.suite-confirm{width:min(440px,calc(100vw - 32px));padding:24px;border:0;border-radius:16px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-floating)}
.suite-confirm::backdrop{background:rgb(15 17 21 / 40%)}
.suite-confirm h2{margin:0 0 6px;font-size:20px}.suite-confirm-hint{margin:0 0 16px;color:var(--color-text-secondary);font-size:14px}
.suite-confirm dl{margin:0;display:grid;gap:10px}.suite-confirm dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;font-size:14px}
.suite-confirm dt{color:var(--color-text-muted)}.suite-confirm dd{margin:0;overflow-wrap:anywhere}
.suite-confirm-warning{margin:16px 0 0;color:var(--color-required);font-size:14px}
.suite-confirm-skip{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;color:var(--color-text-secondary)}
.suite-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.suite-confirm-actions button{min-height:42px;padding:0 18px}

/* 2026-10-26: shown above the generate button when recognition finds well-known characters or brand marks. */
.protected-notice{margin:0 0 10px;padding:10px 12px;border:1px solid rgb(255 92 80 / 40%);border-radius:8px;background:rgb(255 92 80 / 12%);color:#ff7a72;font-size:13px;line-height:1.6}
.protected-notice[hidden]{display:none}
.field-hint{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--color-text-muted,rgb(var(--ink) / 50%))}
/* 2026-10-26 第五批：首次使用偏好。 */
.preferences-dialog{width:min(520px,calc(100vw - 32px));padding:24px;border:0;border-radius:16px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-floating)}
.preferences-dialog::backdrop{background:rgb(15 17 21 / 40%)}
.preferences-form{display:grid;gap:14px}
.preferences-form h2{margin:0;font-size:20px}
.preferences-hint{margin:-8px 0 0;color:var(--color-text-secondary);font-size:14px}
.preferences-form label{display:grid;gap:6px;font-size:13px;color:var(--color-text-secondary)}
.preferences-form select{width:100%;min-height:44px}.preferences-form .select-control{color:var(--color-text)}
.preferences-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.preferences-categories{border:0;margin:0;padding:0;min-width:0}
.preferences-categories legend{padding:0;margin-bottom:8px;font-size:13px;color:var(--color-text-secondary)}
.preferences-categories>div{display:flex;flex-wrap:wrap;gap:8px}
.preferences-chip{display:inline-flex!important;cursor:pointer}
.preferences-chip input{position:absolute;opacity:0;pointer-events:none}
.preferences-chip span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:14px}
.preferences-chip input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}
.preferences-chip input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}
.preferences-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:520px){.preferences-row{grid-template-columns:1fr}}

/* 2026-10-28 上架文案：所选语言在左，可修改；中文对照在右，只供核对意思。窄屏上下排。 */
.listing-language{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--color-text-secondary)}.listing-language select{height:36px;min-width:110px}
.listing-fields.has-zh{grid-template-columns:1fr}
.listing-fields.has-zh>.field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}
.listing-fields.has-zh>.field>.listing-label{grid-column:1/-1}
.listing-fields.has-zh>.field>.listing-issue{grid-column:1/-1}
.listing-zh{min-height:112px;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-muted);font-size:14px;line-height:1.7;color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}
.listing-zh-label{display:block;margin-bottom:4px;font-size:12px;color:var(--color-text-muted)}
.listing-zh p{margin:0}.listing-zh-state{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.listing-zh .textbtn{vertical-align:middle}
@media(max-width:760px){.listing-fields.has-zh>.field{grid-template-columns:1fr;row-gap:8px}}