.page{padding-top:16px}.intro{margin-bottom:18px;padding:0}.intro h1{font-size:27px;margin:0 0 6px}.intro p{margin:0}.workspace{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start;gap:18px}.panel{padding:18px}.panel-heading{margin-bottom:12px}.editor .panel{margin-bottom:12px}.results-panel{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;padding:18px}.results-panel>.submit-bar{display:grid;grid-template-columns:75px 1fr;gap:10px;margin:8px 0 12px;padding:14px;background:#f3f1fa;border-radius:10px}.submit-bar .primary{grid-column:1/-1;width:100%;min-height:48px;font-size:17px}.submit-bar select{margin:0}.submit-bar strong{font-variant-numeric:tabular-nums;font-size:14px}.analyze-action{width:100%;margin-bottom:8px}.notice:empty{display:none}.notice{margin:8px 0 14px}.slots{gap:10px}.slot{padding:12px}.slot-actions{margin-top:8px;gap:6px}.slot .thumb{width:90px;height:auto}.slot .thumb select{font-size:11px;padding:4px;width:90px}.helper{line-height:1.5}#preconditions:not(:empty){margin-bottom:10px}#pose-controls small{display:block;font-size:11px;color:var(--muted);margin:6px 0 10px}#wallet-balance{font-size:13px;font-variant-numeric:tabular-nums}#detail-highlights p{font-size:12px;line-height:1.6;color:var(--muted)}.highlight-row{display:flex;gap:8px;margin:8px 0}.highlight-row input{min-width:0;flex:1}.highlight-row button{white-space:nowrap}.generation-progress{background:#f3f1fa;border-radius:8px;padding:14px;margin:14px 0}.generation-progress strong{font-size:14px}.generation-progress small{display:block;line-height:1.7;font-size:11px;color:var(--muted)}.progress-track{height:6px;background:#e2ddec;overflow:hidden;border-radius:6px;margin:14px 0}.progress-track span{display:block;width:40%;height:100%;background:var(--accent);animation:working 1.7s ease-in-out infinite}.progress-steps{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-steps .current{color:var(--accent);font-weight:700}@keyframes working{from{transform:translateX(-110%)}to{transform:translateX(350%)}}@media(prefers-reduced-motion:reduce){.progress-track span{animation:none;transform:translateX(70%)}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.shell{grid-template-columns:160px minmax(0,1fr)}.page{padding:16px 12px}.sidebar{padding:18px 10px}}@media(max-width:780px){.workspace{display:flex;flex-direction:column}.editor,.results-panel{width:100%}.results-panel{position:relative;top:auto;max-height:none;box-sizing:border-box}.shell{display:block}.sidebar{height:auto;position:relative}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar-bottom,.section-label{display:none}.topbar{flex-wrap:wrap;gap:8px}.results-panel>.submit-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;border-radius:0;grid-template-columns:65px 1fr 130px;box-shadow:0 -2px 12px #30204418}.submit-bar .primary{grid-column:auto;font-size:14px;min-height:42px;padding:8px}.page{padding-bottom:130px}}
.lib-toast{position:fixed;left:50%;bottom:42px;transform:translate(-50%,14px);z-index:90;background:#2c2c2a;color:#faf8f5;font-size:12px;padding:10px 20px;border-radius:22px;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.lib-toast.show{opacity:1;transform:translate(-50%,0)}.lib-toast.bad{background:#a03028}
.library-dialog{width:min(1180px,96vw);max-height:92dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:14px;padding:22px 26px 26px;animation:reveal .26s ease-out}.library-dialog::backdrop{background:#171912ba;backdrop-filter:blur(6px)}
.library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.library-title h2{font-size:19px;margin:0 0 4px}.library-title p{margin:0;font-size:11px}
.library-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin:18px 0 14px}.library-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;padding:9px 2px;border-radius:0}.library-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.library-search{display:flex;gap:10px}.library-search input{flex:1}.library-search button{white-space:nowrap;padding:0 20px}
.library-filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.library-filters select{font-size:12px;padding:8px 10px;min-width:116px}
.library-status{font-size:11px;color:var(--muted);margin:0 0 10px}
.library-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.library-card{position:relative;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg);text-align:left}.library-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.library-check{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff7ef;display:grid;place-items:center;font-size:13px;opacity:0;transition:opacity .2s}.library-card:hover .library-check,.library-card:focus-visible .library-check{opacity:1}.library-card:hover{border-color:var(--accent)}
.library-cap{display:block;padding:9px 11px}.library-cap strong{display:block;font-size:12px;font-weight:600}.library-cap small{font-size:10px;color:var(--muted)}
.library-empty{grid-column:1/-1;border:1px dashed var(--border);border-radius:10px;padding:44px 20px;text-align:center}.library-empty strong{display:block;font-size:14px;margin-bottom:6px}.library-empty p{font-size:11px;color:var(--muted);margin:0}
.library-upload{margin-top:18px}.library-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.library-form select{font-size:12px}.batch-dialog{width:min(660px,94vw)}
.garment-tabs{display:flex;gap:10px;margin-bottom:16px}.garment-tab{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:12px;padding:9px 18px;border-radius:7px}.garment-tab.active{background:var(--accent);border-color:var(--accent);color:#fff7ef}
.garment-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:18px;align-items:start}
.garment-side{border:1px solid var(--border);border-radius:10px;padding:14px 12px;background:var(--bg);max-height:calc(100dvh - 190px);overflow:auto}
.tree-title{font-size:11px;color:var(--muted);margin:16px 0 7px;letter-spacing:.04em}.tree-title:first-child{margin-top:0}.tree-group{font-size:10px;color:var(--muted);margin:9px 0 3px;padding-left:2px}
.tree-item{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;background:transparent;border:0;color:var(--ink);font-size:12px;padding:7px 9px;border-radius:6px;text-align:left}.tree-item.active{background:var(--soft);color:var(--accent);font-weight:600}.tree-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.garment-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.garment-bar input{flex:1;min-width:200px}.garment-filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:12px 0 16px}.garment-filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.garment-filters select{font-size:12px;padding:8px 10px;min-width:124px}.garment-filters .primary{padding:10px 20px;font-size:12px}
.garment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px}
.garment-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}
.garment-thumb{position:relative;background:var(--soft);aspect-ratio:4/3;display:grid;place-items:center}.garment-thumb img{width:100%;height:100%;object-fit:cover}
.coverage-badge{position:absolute;left:9px;top:9px;font-size:10px;padding:3px 9px;border-radius:20px;background:#0000006b;color:#fff}.coverage-badge.ok{background:#1d7a52}
.garment-body{padding:11px 13px 13px}.garment-body strong{display:block;font-size:13px;margin-bottom:5px}.garment-body p{margin:0 0 3px}.garment-body small{display:block}.garment-body .actions{margin-top:9px}
.garment-empty{grid-column:1/-1;border:1px dashed var(--border);border-radius:10px;padding:56px 20px;text-align:center}.garment-empty strong{display:block;font-size:15px;margin-bottom:7px}.garment-empty p{font-size:11.5px;color:var(--muted);margin:0 0 16px}
.garment-form{max-width:940px}.garment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.garment-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted)}.garment-form-grid label:nth-child(3),.garment-form-grid label:nth-child(6){grid-column:1/-1}
.garment-tags{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.garment-tags label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted)}.garment-tags select{font-size:12px;min-width:118px}
.garment-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;margin:14px 0}
.garment-img-card{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--bg)}.garment-img-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.garment-img-card select{width:100%;border:0;border-top:1px solid var(--border);border-radius:0;font-size:11px;padding:7px}.garment-img-card .text-button{width:100%;font-size:10px;padding:6px}
.garment-img-name{display:block;padding:7px 9px 3px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.garment-slot,.garment-slot-add{border:1px dashed var(--border);border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;aspect-ratio:3/4;gap:4px}.garment-slot-plus{font-size:26px}.garment-slot-add span{font-size:26px}
.coverage-note{font-size:11.5px;color:var(--muted);margin:2px 0 12px}.coverage-note.ok{color:#1d7a52}.coverage-note.bad{color:#b3443f}
.garment-image-tools{display:flex;gap:10px;flex-wrap:wrap}
.model-spec{display:flex;gap:8px;margin-top:9px}.model-spec select{font-size:11px;padding:7px 9px;flex:1}
.prompt-guide{border:1px solid var(--border);border-radius:8px;padding:11px 14px;margin:16px 0 4px;background:var(--bg)}.prompt-guide summary{font-size:12px;color:var(--accent);cursor:pointer}.prompt-guide-body{padding-top:11px}.guide-card{border-left:2px solid var(--accent);padding:2px 0 2px 11px;margin:11px 0}.guide-card strong{display:block;font-size:12px;margin-bottom:3px}.guide-card p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.7}
.ai-label-note{display:flex;flex-direction:column;gap:3px;margin:10px 0 0;padding:10px 12px;background:var(--soft);border-radius:7px}.ai-label-note strong{font-size:11px;color:var(--accent)}.ai-label-note span{font-size:10px;color:var(--muted);line-height:1.65}
@media(max-width:900px){.garment-layout{grid-template-columns:1fr}.garment-side{max-height:none}.garment-form-grid,.library-form{grid-template-columns:1fr}.garment-form-grid label:nth-child(3),.garment-form-grid label:nth-child(6){grid-column:auto}}
.library-filters select,.library-search input,.library-search button,.library-form select,.garment-filters select,.garment-tags select,.model-spec select,.garment-bar input,.garment-img-card select{width:auto}
.library-filters select{flex:1 1 132px;min-width:132px}.library-filters select+select,.model-spec select+select,.garment-tags select+select{margin-top:0}
.model-spec select{flex:1 1 0}.library-search input{flex:1 1 0}.garment-bar input{flex:1 1 220px}
.garment-img-card select{width:100%;margin:0}.garment-filters select{min-width:118px}
.library-wall{grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.library-card img{aspect-ratio:3/4;height:auto}
.garment-tabs{align-items:center}.garment-tab{min-height:36px;padding:8px 20px;border-radius:20px}
/* 领取中的素材卡：给一个明确的忙碌态，避免用户连点导致重复领取 */
.library-card.busy{opacity:.55;cursor:progress}
.library-card.busy::after{content:'领取中…';position:absolute;inset:auto 0 0 0;padding:5px 8px;
  font-size:11px;background:rgba(23,25,20,.72);color:#fff;text-align:center;letter-spacing:.04em}

/* ── 应用内确认弹窗（confirmDialog）────────────────────────────────────
   复用 .library-dialog 的底色/边框/圆角/动画，这里只收窄宽度并排版。
   为什么不用原生 confirm()：这里是**花积分前**的最后一道确认，要把
   「哪几张图有问题、问题是什么」逐条列清楚 —— 原生 confirm 只能塞一行纯文本。 */
.confirm-dialog{width:min(560px,92vw);max-height:88dvh;padding:20px 22px 18px}
.confirm-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.confirm-head strong{font-size:15px;color:var(--ink)}
.confirm-body{display:grid;gap:7px;max-height:52dvh;overflow:auto}
.confirm-body p{margin:0;font-size:13px;line-height:1.65;color:var(--ink)}
/* 第 2 条起是「哪张图有什么问题」，做成缩进的行内块，和开场白区分开 */
.confirm-body p:not(:first-child){font-size:12.5px;color:var(--muted);padding:6px 10px;background:var(--bg);
  border:1px solid var(--border);border-radius:8px}
.confirm-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.confirm-foot button{min-height:var(--ctl-md);padding:0 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}
.confirm-foot .secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink)}
.confirm-foot .primary{background:var(--accent);border:1px solid var(--accent);color:#fff}
.confirm-foot .danger{background:#b3261e;border:1px solid #b3261e;color:#fff}
.confirm-foot button:hover{filter:brightness(1.05)}