@charset "UTF-8";
:root{color-scheme:dark;--bg:#17171b;--surface:#202025;--surface-raised:#29292f;--line:#37363d;--ink:#f0ece5;--muted:#a19da6;--faint:#716c77;--accent:#e8ae8d;--accent-ink:#2a211d;--mint:#b5c4b4;--serif:"Songti SC","STSong","Noto Serif SC",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}svg{width:18px;height:18px;stroke-width:1.65;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header,.page-shell{width:calc(100% - 96px);max-width:1480px;margin:0 auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:12px;align-items:center;font-weight:600;font-size:17px;letter-spacing:.08em;line-height:1.3}.wordmark-symbol{font:32px/1 var(--serif);color:var(--accent);padding-right:12px;border-right:1px solid var(--line)}.wordmark small{display:block;color:var(--faint);font-size:9px;letter-spacing:.24em;margin-top:5px;font-weight:500}.header-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.quiet-button{display:flex;gap:9px;align-items:center;background:none;color:var(--ink);margin-left:22px;padding:10px 0 10px 22px;border-left:1px solid var(--line);font-size:12px}.quiet-button svg{width:15px;height:15px}.quiet-button:hover{color:var(--accent)}
.intro{padding:35px 0 30px;max-width:760px}.eyebrow{color:var(--accent);font:10px/1.4 var(--sans);letter-spacing:.19em;margin-bottom:12px}.intro h1{font:normal 40px/1.38 var(--serif);letter-spacing:.015em}.intro h1 em{font-style:normal;color:var(--accent)}.intro-copy{margin-top:9px;color:var(--muted);font-size:13px;letter-spacing:.03em}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:56px;align-items:start}.choices-column{min-width:0;padding-bottom:30px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-height:28px}.section-heading h2{font-size:17px;font-weight:500;letter-spacing:.03em}.step-number{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.03em;align-self:center;border:1px solid #5b483c;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.section-note{color:var(--faint);font-size:11px;margin-left:auto}.upload-zone{border:1px dashed #56515c;border-radius:13px;background:var(--surface);transition:border-color .2s,background .2s;min-height:112px;overflow:hidden}.upload-zone.is-dragging,.upload-zone.drag-over{border-color:var(--accent);background:#302922}.upload-main{width:100%;min-height:112px;text-align:left;display:flex;align-items:center;padding:24px;gap:18px;background:none}.upload-icon{width:49px;height:49px;border:1px solid #4b4650;border-radius:14px;display:grid;place-items:center;color:var(--accent);background:#29252a;flex-shrink:0}.upload-icon svg{width:25px;height:25px;stroke-width:1.35}.upload-main b{font-size:15px;font-weight:500;letter-spacing:.025em}.upload-main small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.upload-plus{margin-left:auto;color:var(--faint)}.upload-main:hover .upload-plus{color:var(--accent)}.upload-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;font-size:11px;color:var(--faint)}.upload-foot>span{display:flex;align-items:center;gap:5px}.upload-foot svg{width:12px;height:12px}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--accent);font-size:12px;padding:4px 0;white-space:nowrap}.text-button svg{width:14px;height:14px}.text-button:hover{color:#f7cfb8}.person-preview{padding:13px 16px;display:flex;align-items:center;gap:15px}.person-preview>img{width:65px;height:87px;object-fit:cover;object-position:50% 40%;border-radius:7px}.person-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.person-info b{font-size:13px;font-weight:500;max-width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-info>span:last-child{color:var(--muted);font-size:10px}.micro-label{font-size:9px;color:var(--faint);letter-spacing:.14em;font-weight:500;line-height:1.5}.person-info .micro-label{color:var(--accent)}.inline-error{color:#efa69b;font-size:12px;margin-top:8px}.picker-section{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}.picker-section .section-heading{margin-bottom:13px}.rail-arrows{margin-left:auto;display:flex;gap:7px}.icon-button{background:none;display:grid;place-items:center;width:31px;height:31px;border:1px solid #444049;border-radius:50%;color:var(--muted);flex-shrink:0;transition:color .2s,border-color .2s,background .2s}.icon-button svg{width:15px;height:15px}.icon-button:hover{border-color:var(--accent);color:var(--accent);background:#302820}.icon-button:disabled{opacity:.35}.picker-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px}.filter-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:none;color:var(--muted);font-size:12px;padding:5px 12px;border-radius:6px;white-space:nowrap}.filter-tab.is-active,.filter-tab[aria-pressed="true"]{color:var(--ink);background:#3c3633}.filter-tab:hover{color:var(--ink)}.selected-copy{font-size:10px;color:var(--faint);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.selected-copy b{color:var(--muted);font-weight:400;margin-left:6px}.asset-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#514449 transparent;padding:2px 2px 11px;scroll-padding:2px;overscroll-behavior-inline:contain;min-width:0}.asset-rail::-webkit-scrollbar{height:3px}.asset-rail::-webkit-scrollbar-thumb{background:#514449;border-radius:4px}.asset-tile{flex:0 0 calc((100% - 38px)/4.25);min-width:130px;position:relative;scroll-snap-align:start;min-height:0}.asset-select{display:block;background:none;width:100%;padding:0;text-align:left;position:relative}.asset-thumb{width:100%;aspect-ratio:3/4;object-fit:contain;background:#e1ded8;border-radius:9px;padding:7px;border:2px solid transparent;transition:border-color .2s,transform .2s,filter .2s}.outfit-rail .asset-thumb{aspect-ratio:3/4;object-fit:contain;padding:0}.asset-tile.is-selected .asset-thumb,.asset-select[aria-pressed="true"] .asset-thumb{border-color:var(--accent)}.asset-select:hover .asset-thumb{filter:brightness(1.035)}.asset-name{display:block;font-size:11px;color:var(--muted);padding:9px 2px 0;line-height:1.45;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.asset-tile.is-selected .asset-name{color:var(--accent)}.asset-zoom{position:absolute;right:9px;bottom:34px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#42403e;background:#f3f0e9ed;box-shadow:0 2px 7px #0002}.asset-zoom svg{width:13px;height:13px}.asset-zoom:hover{background:var(--accent);color:var(--accent-ink)}.selection-mark{position:absolute;right:9px;top:9px;background:var(--accent);color:var(--accent-ink);width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.selection-mark svg{width:12px;height:12px;stroke-width:2.1}.picker-hint{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--faint);margin-top:6px}.picker-hint svg{width:12px;height:12px}.local-note{display:flex;gap:8px;align-items:center;color:var(--faint);font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.local-note svg{width:14px;height:14px;color:var(--accent)}
.preview-column{position:sticky;top:24px;display:flex;flex-direction:column;margin-top:-145px;height:calc(100dvh - 120px);min-height:740px;min-width:0;padding-left:30px;border-left:1px solid var(--line)}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-shrink:0}.preview-topline .micro-label{font-size:9px;color:var(--accent)}.preview-topline h2{font:normal 25px/1.4 var(--serif);margin-top:3px;letter-spacing:.015em}.result-badge{color:var(--muted);border:1px solid #5a504b;border-radius:6px;font-size:10px;padding:5px 8px;white-space:nowrap;background:#262321}.result-frame{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:280px;background:#28282b;border-radius:12px;overflow:hidden;isolation:isolate}.result-frame>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.result-tools{position:absolute;z-index:2;top:13px;right:13px;display:flex;gap:7px}.glass-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff42;background:#24202291;color:#f5ede5;border-radius:7px;backdrop-filter:blur(12px)}.glass-button:hover{background:#242022cc}.glass-button svg{width:14px;height:14px}.image-corner-label{position:absolute;z-index:2;bottom:14px;left:14px;font-size:9px;letter-spacing:.1em;background:#242022b8;backdrop-filter:blur(12px);color:#f1e8dc;border:1px solid #ffffff20;border-radius:4px;padding:4px 7px}.empty-result{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;max-width:300px;padding:30px;color:var(--muted)}.empty-result>svg{width:35px;height:35px;stroke-width:1;color:var(--accent);margin-bottom:5px}.empty-result h3{font-size:18px;font-weight:400;font-family:var(--serif);color:var(--ink)}.empty-result p{font-size:12px;color:var(--muted);line-height:1.8}.result-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px 0 10px;flex-shrink:0}.result-caption h3{font-size:13px;font-weight:500;letter-spacing:.02em}.result-caption p{color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px;max-width:400px}.result-caption .icon-button{width:29px;height:29px}.reference-heading{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;margin-bottom:7px;flex-shrink:0}.reference-heading>span:first-child{color:var(--muted)}.reference-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex-shrink:0}.reference-item{display:flex;align-items:center;gap:8px;min-width:0;background:#242328;border-radius:6px;padding:6px;cursor:pointer}.reference-item img{width:30px;height:40px;object-fit:contain;background:#e5e0d8;border-radius:3px;flex-shrink:0}.reference-item>div{min-width:0}.reference-item small,.reference-item .reference-label{display:block;color:var(--faint);font-size:8px;line-height:1.3}.reference-item span,.reference-item b{display:block;color:var(--muted);font-size:9px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.examples-section{margin-top:13px;flex-shrink:0}.examples-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;color:var(--muted)}.examples-heading svg{width:12px;height:12px;color:var(--faint)}.example-list{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:1px 1px 3px}.example-button{background:none;position:relative;flex:1;min-width:40px;max-width:75px;padding:0;border-radius:5px;border:1px solid transparent;overflow:hidden;opacity:.6;transition:opacity .2s,border-color .2s}.example-button:hover,.example-button.is-active{opacity:1}.example-button.is-active{border-color:var(--accent)}.example-thumb{width:100%;height:56px;object-fit:cover;object-position:50% 43%;border-radius:4px}.example-number{position:absolute;bottom:3px;left:4px;font-size:8px;color:#fff;background:#17171b88;min-width:16px;border-radius:2px;line-height:1.4}.generate-dock{flex-shrink:0;padding:14px 0 0;margin-top:9px;border-top:1px solid var(--line)}.dock-copy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;min-width:0}.dock-copy .micro-label{color:var(--accent);font-size:8px;white-space:nowrap}.dock-copy>span:last-child{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;background:var(--accent);color:var(--accent-ink);border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.04em;min-height:48px;transition:background .2s,transform .2s}.generate-button svg{width:16px;height:16px}.generate-button svg:last-child{margin-left:auto}.generate-button svg:first-child{margin-right:auto}.generate-button:hover:not(:disabled){background:#f1c2a5;transform:translateY(-1px)}.generate-button:disabled{color:#777079;background:#39343a;box-shadow:none}.generation-status{font-size:9px;text-align:center;color:var(--faint);margin-top:7px;line-height:1.5}.page-footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;font-size:10px;color:var(--faint);margin-top:28px}
.generation-overlay{position:absolute;inset:0;z-index:5;background:#1c1b22f2;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.synthesis-images{height:156px;width:245px;position:relative;margin-bottom:23px}.synthesis-images img{width:83px;height:118px;object-fit:contain;background:#e3e0d8;border:1px solid #a19889;border-radius:7px;position:absolute;top:10px;left:calc(50% - 41px);box-shadow:0 12px 32px #0004;animation:assemble 3.8s ease-in-out infinite}.synthesis-images img:nth-child(1){--offset:-72px;--angle:-11deg;animation-delay:0s;object-fit:cover}.synthesis-images img:nth-child(2){--offset:0px;--angle:0deg;top:0;z-index:2;animation-delay:.15s}.synthesis-images img:nth-child(3){--offset:72px;--angle:11deg;animation-delay:.3s}.generation-overlay>.spinning{width:18px;height:18px;color:var(--accent);animation:spin 1.8s linear infinite;margin-bottom:12px}.generation-overlay h3{font:normal 25px/1.5 var(--serif);letter-spacing:.05em}.generation-overlay p{font-size:12px;color:var(--muted);margin-top:8px}@keyframes assemble{0%,100%{transform:translateX(var(--offset)) rotate(var(--angle)) translateY(5px)}50%{transform:translateX(calc(var(--offset)*.76)) rotate(calc(var(--angle)*.65)) translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}
.asset-dialog{border:1px solid #514b55;background:#222127;color:var(--ink);border-radius:17px;padding:22px;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 100px #0008}.asset-dialog::backdrop{background:#111015cf;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.dialog-heading h2{font-size:18px;font-weight:500;margin-top:2px}.dialog-heading .micro-label{color:var(--accent)}.dialog-heading .icon-button{width:34px;height:34px}.dialog-image-wrap{height:min(58dvh,610px);background:#e1ded8;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialog-image-wrap img{width:100%;height:100%;object-fit:contain}.angle-list{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:15px}.angle-button{background:#2d2a31;color:var(--muted);padding:7px 12px;border-radius:5px;font-size:12px;border:1px solid transparent}.angle-button.is-active{background:#3c302b;color:var(--accent);border-color:#896049}.dialog-caption{font-size:11px;color:var(--muted);margin-top:10px;text-align:center}.dialog-use-button{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:var(--accent-ink);width:100%;min-height:44px;border-radius:7px;margin-top:15px;font-size:13px;font-weight:500}.dialog-use-button svg{width:15px;height:15px}.toast{position:fixed;z-index:100;bottom:35px;left:50%;transform:translateX(-50%);background:#f0e5d7;color:#332c28;padding:11px 20px;box-shadow:0 8px 35px #0004;border-radius:8px;font-size:12px;max-width:calc(100vw - 40px);text-align:center;line-height:1.6}
@media(min-width:1600px){.asset-tile{flex-basis:calc((100% - 45px)/4.5)}.intro{padding-top:42px;padding-bottom:36px}.preview-column{margin-top:-158px}.intro h1{font-size:44px}.result-frame{min-height:330px}.asset-thumb{aspect-ratio:3/4}}
@media(max-width:1200px) and (min-width:1001px){.site-header,.page-shell{width:calc(100% - 64px)}.workspace{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.preview-column{padding-left:22px}.asset-tile{min-width:126px;flex-basis:calc((100% - 26px)/3.2)}.selected-copy{display:none}.intro h1{font-size:35px}.intro{max-width:580px}.reference-item{gap:5px;padding:4px}.reference-item img{width:26px;height:35px}.reference-item span{font-size:8px}}
@media(max-width:1000px){body{padding-bottom:119px}.site-header,.page-shell{width:calc(100% - 48px);max-width:720px}.site-header{height:78px}.intro{max-width:none;padding:29px 0 28px}.intro h1{font-size:36px}.workspace{grid-template-columns:minmax(0,1fr);gap:0}.choices-column{padding-bottom:7px}.preview-column{position:static;margin-top:25px;height:auto;min-height:0;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.result-frame{flex:initial;aspect-ratio:3/4;min-height:0;width:100%;max-height:750px}.result-frame>img{position:absolute;object-fit:contain}.preview-topline h2{font-size:25px}.result-caption{margin-top:16px}.result-caption h3{font-size:14px}.result-caption p{font-size:11px}.reference-strip{gap:9px}.reference-item{padding:8px;gap:9px}.reference-item img{width:35px;height:46px}.reference-item span{font-size:10px}.reference-item small{font-size:9px}.reference-heading{font-size:11px;margin-top:6px}.examples-section{margin-top:19px}.examples-heading{font-size:11px}.example-button{max-width:none}.example-thumb{height:85px}.example-number{font-size:10px;min-width:20px}.generate-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#201d23f5;backdrop-filter:blur(18px);padding:13px max(24px,calc((100vw - 720px)/2)) calc(10px + env(safe-area-inset-bottom));margin:0;border-top:1px solid #4a3c36;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr);column-gap:18px;row-gap:4px;box-shadow:0 -10px 35px #0002}.dock-copy{flex-direction:column;align-items:flex-start;justify-content:center;margin:0;gap:2px}.dock-copy>span:last-child{font-size:11px;max-width:100%}.dock-copy .micro-label{font-size:8px}.generate-button{grid-column:2;grid-row:1;min-height:44px;padding:11px 15px}.generation-status{grid-column:1/-1;margin-top:2px;font-size:9px}.page-footer{font-size:9px;padding:20px 0;margin-top:32px}.toast{bottom:128px}.asset-tile{flex-basis:calc((100% - 38px)/4.25);min-width:132px}}
@media(max-width:560px){.site-header,.page-shell{width:calc(100% - 36px)}.site-header{height:68px}.wordmark{font-size:14px;gap:9px}.wordmark-symbol{font-size:28px;padding-right:9px}.wordmark small{font-size:7px;letter-spacing:.18em;margin-top:4px}.header-note{font-size:9px;gap:5px}.quiet-button{font-size:10px;margin-left:8px;padding:10px 0 10px 10px;gap:4px}.quiet-button svg{width:12px;height:12px}.intro{padding:25px 0 27px}.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:10px}.intro h1{font-size:31px;line-height:1.42;letter-spacing:0}.intro-copy{font-size:11px;margin-top:8px}.section-heading{gap:9px;margin-bottom:13px}.section-heading h2{font-size:16px}.step-number{font-size:10px;width:23px;height:23px}.section-note{font-size:9px}.upload-main{min-height:104px;padding:19px 16px;gap:13px}.upload-icon{width:43px;height:43px;border-radius:12px}.upload-icon svg{width:23px;height:23px}.upload-main b{font-size:14px}.upload-main small{font-size:10px}.upload-plus{width:16px;height:16px}.upload-foot{font-size:9px;gap:8px;margin-top:8px}.upload-foot .text-button{font-size:10px}.person-preview{padding:11px;gap:11px}.person-preview>img{width:52px;height:70px}.person-info b{font-size:11px;max-width:150px}.person-info>span:last-child{font-size:9px}.person-preview .text-button{font-size:10px}.person-preview .icon-button{width:30px;height:30px;border-color:transparent}.picker-section{padding-top:21px;margin-top:23px}.picker-subhead{gap:7px;margin-bottom:10px}.selected-copy{font-size:9px;max-width:125px}.selected-copy b{margin-left:3px}.filter-tabs{gap:1px;flex-shrink:0}.filter-tab{font-size:11px;padding:5px 9px}.asset-rail{gap:10px;padding-bottom:9px}.asset-tile{flex:0 0 126px;min-width:126px}.asset-thumb{aspect-ratio:3/4;border-radius:8px;padding:5px}.asset-name{font-size:10px;padding-top:7px;padding-right:4px}.asset-zoom{width:31px;height:31px;right:7px;bottom:29px}.asset-zoom svg{width:15px;height:15px}.selection-mark{width:20px;height:20px;right:8px;top:8px}.picker-hint{font-size:9px}.rail-arrows{gap:5px}.rail-arrows .icon-button{width:29px;height:29px}.rail-arrows .icon-button svg{width:13px;height:13px}.local-note{font-size:10px;line-height:1.6;padding-top:15px;margin-top:19px;align-items:flex-start}.local-note svg{margin-top:2px;flex-shrink:0}.preview-column{padding-top:22px;margin-top:20px}.preview-topline h2{font-size:24px}.preview-topline .micro-label{font-size:8px}.result-badge{font-size:9px;padding:4px 7px}.result-frame{border-radius:10px}.result-caption h3{font-size:12px}.result-caption p{font-size:10px}.reference-heading{font-size:9px}.reference-strip{gap:6px}.reference-item{padding:5px;gap:5px}.reference-item img{width:27px;height:36px}.reference-item small{font-size:8px}.reference-item span{font-size:8px}.examples-heading{font-size:10px}.example-thumb{height:65px}.generate-dock{grid-template-columns:minmax(0,1fr) 147px;padding:12px 18px calc(8px + env(safe-area-inset-bottom));column-gap:12px}.generate-button{font-size:12px;min-height:43px;gap:5px;padding:10px 13px}.generate-button svg{width:14px;height:14px}.dock-copy>span:last-child{font-size:9px}.dock-copy .micro-label{font-size:7px}.generation-status{font-size:8px}.page-footer{gap:10px;font-size:8px}.asset-dialog{padding:16px;border-radius:13px;width:calc(100vw - 24px)}.dialog-heading h2{font-size:16px}.dialog-image-wrap{height:min(57dvh,550px)}.angle-button{padding:8px 10px;min-height:38px}.dialog-use-button{min-height:45px}.toast{font-size:11px;bottom:120px}}
@media(max-width:360px){.site-header,.page-shell{width:calc(100% - 28px)}.header-note .quiet-button{margin-left:2px;padding-left:6px}.intro h1{font-size:28px}.selected-copy{display:none}.asset-tile{min-width:120px;flex-basis:120px}.generate-dock{padding-left:14px;padding-right:14px;grid-template-columns:minmax(0,1fr) 137px}.person-info>span:last-child{display:none}.section-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.synthesis-images img{transform:translateX(var(--offset)) rotate(var(--angle))}.spinning{animation:none!important}}

/* Keep supporting Chinese copy readable on the dark canvas. */
:root{--muted:#b2acb7;--faint:#918b97}
@media(min-width:1001px){.preview-column{margin-top:-176px}.asset-name{font-size:12px}.filter-tab{font-size:13px}.selected-copy{font-size:11px}.picker-hint{font-size:11px}.generation-status{font-size:10px}.result-caption p{font-size:11px}.reference-item span,.reference-item b{font-size:10px}.reference-heading{font-size:10px}.examples-heading{font-size:10px}.dock-copy>span:last-child{font-size:11px}}
@media(min-width:1600px){.preview-column{margin-top:-197px}}

/* Locale switching, complete library taxonomy and high-contrast selection. */
.header-actions{display:flex;align-items:center;gap:22px;min-width:0}.language-control{display:flex;gap:8px;align-items:center;color:var(--accent)}.language-control>svg{width:16px;height:16px}.language-control select{font:12px var(--sans);color:var(--ink);background:#29252c;border:1px solid #51434b;border-radius:7px;padding:8px 9px;max-width:145px;min-height:35px;cursor:pointer}.wordmark>span:last-child{min-width:0}.wordmark [data-i18n="造型实验室"]{display:block;letter-spacing:.02em}.workspace{padding-top:34px}.choices-column>.intro{padding-top:0;padding-bottom:30px;max-width:none}.preview-column{margin-top:0;height:calc(100dvh - 158px)}.intro h1{overflow-wrap:anywhere}.filter-tabs{flex:1 1 auto;min-width:0;max-width:100%}.picker-subhead{min-width:0}.selected-copy{flex:0 1 170px;min-width:0}.source-group-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 13px}.source-tabs{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1 100%}.source-tabs .filter-tab{font-size:11px;border:1px solid #51464c;padding:7px 11px;line-height:1.45;min-height:32px}.source-tabs .filter-tab.is-active,.source-tabs .filter-tab[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.group-browser-button{background:none;color:var(--accent);display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;min-height:30px;padding:0;white-space:normal;text-align:left}.group-browser-button svg{width:13px;height:13px}.source-group-row .group-browser-button{margin-left:auto}.outfit-group-browser{margin-left:auto}.outfit-group-browser+.rail-arrows{margin-left:7px}.group-browser-button:hover{color:#f7cfb8}.asset-rail{padding:5px 5px 12px}.asset-tile{border-radius:10px;transition:background .18s,box-shadow .18s}.asset-tile.is-selected{background:#46342b;box-shadow:0 0 0 2px var(--accent)}.asset-tile.is-selected .asset-thumb{border-width:3px;border-color:#ffcba8}.asset-select{border-radius:10px}.asset-name{padding:8px 40px 0 9px;font-size:12px;line-height:1.5}.asset-tile.is-selected .asset-name{font-weight:600;color:#ffdcc1}.asset-selected-label{display:block;min-height:23px;padding:0 40px 5px 9px;font-size:10px;line-height:18px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-mark{width:25px;height:25px;right:9px;top:9px;background:#ffcba8;color:#392119;box-shadow:0 2px 9px #21130d66}.selection-mark svg{width:15px;height:15px;stroke-width:2.5}.asset-zoom{width:29px;height:29px;right:7px;bottom:13px;box-shadow:none;background:#332d32;color:#cbbcb2;border:1px solid #716052}.asset-zoom svg{width:14px;height:14px}.asset-tile.is-selected .asset-zoom{color:#ffdcc1;border-color:#c28e6a;background:#503a2d}.asset-zoom:hover{color:var(--accent-ink);background:var(--accent)}.rail-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;min-height:200px;border:1px dashed #51464f;border-radius:10px;padding:28px;text-align:center;background:#201e24}.rail-empty>svg{color:var(--accent);width:25px;height:25px}.rail-empty strong{font-weight:500;font-size:14px}.rail-empty p{max-width:430px;font-size:12px;color:var(--muted);line-height:1.8}.taxonomy-dialog{width:min(950px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:25px;border:1px solid #62515c;border-radius:16px;background:#211f26;color:var(--ink);overflow:auto;box-shadow:0 30px 100px #0008}.taxonomy-dialog::backdrop{background:#111015dc;backdrop-filter:blur(10px)}.taxonomy-dialog>.dialog-heading{position:sticky;top:-25px;z-index:2;background:#211f26;padding:16px 0 18px;margin-top:-8px;border-bottom:1px solid var(--line)}.taxonomy-dialog h2{overflow-wrap:anywhere}.taxonomy-content{padding-top:12px}.taxonomy-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:21px}.taxonomy-section{padding:18px 0;border-top:1px solid var(--line)}.taxonomy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:0;background:none;color:var(--accent);font-size:18px}.taxonomy-heading strong{font-weight:500}.taxonomy-heading>svg{width:16px;height:16px}.taxonomy-count{font-size:11px;color:var(--muted);margin:7px 0 14px}.taxonomy-category-list,.taxonomy-outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.taxonomy-category{text-align:left;border:1px solid #4a414b;background:#2b2730;border-radius:8px;padding:11px;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:6px;color:var(--ink);overflow-wrap:anywhere}.taxonomy-category:hover{border-color:var(--accent);background:#3a2f2b}.taxonomy-category>span{font-size:13px;line-height:1.5}.taxonomy-category>small{font-size:10px;color:var(--muted);line-height:1.6}.taxonomy-outfit-grid .taxonomy-category{min-height:90px}.generate-button{min-width:0}#generateButtonLabel{min-width:0;line-height:1.35;overflow-wrap:anywhere}.generation-status{overflow-wrap:anywhere}:lang(ko){--serif:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--sans:"Apple SD Gothic Neo","Malgun Gothic",sans-serif}:lang(ja){--serif:"Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}:lang(en),:lang(es),:lang(fr),:lang(de),:lang(pt){--serif:Georgia,"Times New Roman",serif}
@media(max-width:1200px) and (min-width:1001px){.header-actions{gap:12px}.header-note{font-size:10px}.quiet-button{margin-left:10px;padding-left:12px}.language-control select{font-size:11px;max-width:125px}.preview-column{height:calc(100dvh - 150px)}.source-tabs .filter-tab{padding:6px 9px}}
@media(max-width:1000px){.workspace{padding-top:0}.choices-column>.intro{padding:29px 0 28px}.preview-column{margin-top:25px;height:auto}.header-actions{gap:14px}.header-note{display:none}.language-control select{min-height:36px;font-size:12px;max-width:135px}.source-tabs .filter-tab{font-size:12px;min-height:38px;padding:7px 12px}.source-group-row{margin-bottom:13px}.selected-copy{flex-basis:145px;max-width:145px}.filter-tabs{flex-shrink:1}.generate-button svg:last-child{display:none}.generate-button svg:first-child{margin:0}.generate-button{min-height:46px}.generate-dock{grid-template-columns:minmax(0,1fr) minmax(155px,.7fr)}.asset-name{font-size:12px}.taxonomy-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.header-actions{gap:0}.language-control{gap:6px}.language-control select{max-width:113px;font-size:11px;padding:7px 6px}.language-control>svg{width:15px;height:15px}.wordmark [data-i18n="造型实验室"]{font-size:13px;line-height:1.25;max-width:166px;white-space:normal}.choices-column>.intro{padding:25px 0 27px}.intro h1{font-size:30px;line-height:1.4}.source-tabs .filter-tab{font-size:11px;padding:7px 9px;min-height:36px}.source-group-row{gap:4px}.group-browser-button{font-size:10px}.outfit-group-browser{max-width:116px;flex:0 1 auto;justify-content:flex-end;text-align:right}.section-heading{flex-wrap:wrap;row-gap:6px}.section-heading h2{font-size:15px;min-width:0}.outfit-group-browser+.rail-arrows{margin-left:3px}.asset-name{font-size:11px;padding-right:37px;padding-left:7px}.asset-selected-label{font-size:9px;min-height:23px;padding-left:7px;padding-right:37px}.asset-zoom{width:30px;height:30px;right:5px;bottom:12px}.selection-mark{width:24px;height:24px;right:8px;top:8px}.selected-copy{font-size:9px;flex-basis:115px;max-width:115px}.selected-copy b{font-size:9px}.taxonomy-dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 24px);padding:17px;border-radius:12px}.taxonomy-dialog>.dialog-heading{top:-17px;padding-top:10px}.taxonomy-category-list,.taxonomy-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.taxonomy-category{padding:9px;min-height:83px}.taxonomy-category>span{font-size:12px}.taxonomy-category>small{font-size:9px}.taxonomy-heading{font-size:16px}.taxonomy-count{font-size:10px}.generate-dock{grid-template-columns:minmax(0,1fr) 156px;column-gap:10px}.generate-button{font-size:12px;min-height:46px;padding:9px 12px}.generation-status{font-size:9px}.dock-copy>span:last-child{font-size:10px}.rail-empty{padding:22px;min-height:190px}.rail-empty strong{font-size:13px}.rail-empty p{font-size:11px}}
@media(max-width:360px){.wordmark [data-i18n="造型实验室"]{font-size:12px;max-width:135px}.wordmark small{font-size:6px}.language-control select{max-width:104px}.language-control{gap:4px}.language-control>svg{width:13px;height:13px}.generate-dock{grid-template-columns:minmax(0,1fr) 145px}.intro h1{font-size:27px}.taxonomy-category-list,.taxonomy-outfit-grid{grid-template-columns:1fr}.outfit-group-browser{max-width:98px}.source-tabs .filter-tab{font-size:10px;padding:7px 8px}}
/* Keep the current choice readable beside a long, scrollable category list. */
.selected-copy{flex:0 0 150px}
@media(max-width:1000px){.selected-copy{flex-basis:145px}}
@media(max-width:560px){.selected-copy{flex-basis:115px}}
/* Live service states and local task history. */
.service-panel{border:1px solid #4b4143;border-radius:10px;background:#242127;padding:14px 15px;margin-top:17px;min-width:0}.service-line{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:11px}.service-line .text-button{font-size:10px}.quota-display{font-size:11px;line-height:1.7;color:var(--accent);margin-top:9px;overflow-wrap:anywhere}.live-submission-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px}.recovery-button{background:#4b3831;color:#f3cdb6;border:1px solid #96664c;border-radius:7px;padding:9px 13px;font-size:12px;margin-top:10px;max-width:100%;white-space:normal}.recovery-button:disabled{opacity:.5}.job-history-section{margin-top:15px;flex-shrink:0;min-width:0}.job-history-section h3{font-size:12px;font-weight:500}.job-history-note{font-size:10px;color:var(--muted);line-height:1.6;margin:4px 0 8px}.job-history-list{display:flex;flex-direction:column;gap:6px;max-height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5d4c48 transparent}.job-history-item{border:1px solid #443c43;background:#262329;border-radius:7px;display:flex;flex-direction:column;text-align:left;padding:8px 10px;color:var(--muted);min-width:0;gap:2px}.job-history-item span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-history-item small{font-size:9px;color:var(--faint)}.job-history-item.is-active{border-color:var(--accent);color:var(--accent)}.job-history-item:disabled{opacity:.6}.asset-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#302c32;color:#93858a;aspect-ratio:3/4}.asset-unavailable svg{width:25px;height:25px}.asset-unavailable>span{font-size:10px}.asset-availability{display:block;font-size:9px;line-height:1.5;color:#a9979e;padding:4px 2px 0;min-height:18px}.asset-select:disabled{cursor:not-allowed}.asset-select:disabled .asset-thumb{filter:saturate(.3);opacity:.65}.asset-zoom:disabled{visibility:hidden}.taxonomy-blocked{font-size:11px;line-height:1.7;color:#b59ca1;margin:7px 0;overflow-wrap:anywhere}.glass-button:disabled{opacity:.35}.service-panel .inline-error{overflow-wrap:anywhere}.generation-status{overflow-wrap:anywhere}.result-caption h3{overflow-wrap:anywhere}.dialog-caption{overflow-wrap:anywhere}
@media(max-width:560px){.service-panel{padding:12px;margin-top:14px}.service-line{font-size:10px}.quota-display,.live-submission-note{font-size:10px}.job-history-list{max-height:150px}.job-history-item{padding:10px}.job-history-item span{font-size:11px}.job-history-item small{font-size:10px}.job-history-note{font-size:9px}.generation-status{line-height:1.5;min-height:24px}body{padding-bottom:135px}}
@media(prefers-reduced-motion:reduce){.generation-overlay *{animation:none!important;transition:none!important}}
.rail-load-more{flex:0 0 132px;min-height:180px;border:1px dashed #655046;border-radius:9px;background:#2a252b;color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;scroll-snap-align:start;padding:15px;white-space:normal}.rail-load-more>span{font-size:12px}.rail-load-more small{font-size:10px;color:var(--muted)}.rail-load-more:disabled{opacity:.5}

/* Place camera angles beside the pose previews they change. */
.pose-angle-picker{border:1px solid #55483f;border-radius:9px;background:#29242a;padding:12px;margin-top:10px;min-width:0}.pose-angle-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;line-height:1.4;color:var(--accent)}.pose-angle-heading>span:last-child{color:var(--muted);font-size:10px;min-width:0;max-width:66%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-angle-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0}.quick-angle-button{min-width:0;min-height:40px;padding:7px 3px;border:1px solid #5b4d50;border-radius:6px;background:#302a31;color:var(--muted);font-size:11px;line-height:1.25;overflow-wrap:anywhere;transition:background .15s,border-color .15s}.quick-angle-button:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.quick-angle-button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.quick-angle-button:disabled{cursor:not-allowed;opacity:.4}.quick-angle-button.is-active:disabled{opacity:.65}
@media(max-width:1000px){.quick-angle-button{min-height:44px}}
@media(max-width:560px){.pose-angle-picker{padding:10px;margin-top:8px}.pose-angle-heading{font-size:10px}}
@media(max-width:360px){.pose-angle-picker{padding:8px}.quick-angle-list{gap:4px}.quick-angle-button{font-size:10px;padding-left:1px;padding-right:1px}}