@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}}
.page-footer{flex-wrap:wrap;gap:10px}.page-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* A short, anonymous verification step before generation. */
.security-challenge{flex-shrink:0;min-width:0;margin-top:16px;padding:14px;border:1px solid #655046;border-radius:10px;background:#242127}.security-challenge[hidden]{display:none}.security-challenge h3{font-size:13px;font-weight:500;color:var(--accent);margin:0 0 7px}.security-challenge>p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0}.security-challenge-widget{max-width:100%;margin-top:10px;min-height:78px}.security-challenge-widget[hidden]{display:none}.security-challenge-status{overflow-wrap:anywhere}.security-challenge .text-button{font-size:11px;margin-top:5px}.preview-column:has(.security-challenge:not([hidden])){overflow-y:auto}.security-challenge:focus-within{border-color:var(--accent)}
@media(max-width:560px){.security-challenge{margin-top:14px;padding:12px}.security-challenge h3{font-size:13px}.security-challenge>p{font-size:11px}.preview-column:has(.security-challenge:not([hidden])){overflow-y:visible}}

/* Account controls keep sign-in separate from the creative workspace. */
.account-controls{display:flex;align-items:center;gap:10px;min-width:0}.google-sign-in{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #8e918f;border-radius:7px;background:#f2f2f2;color:#1f1f1f;min-height:40px;padding:9px 13px;font:500 13px/1.25 var(--sans);white-space:nowrap}.google-sign-in:hover{background:#fff}.google-sign-in:disabled{opacity:.65}.google-logo{height:20px;width:20px;stroke:none;flex-shrink:0}.account-identity{display:flex;align-items:center;gap:8px;min-width:0}.account-initial{width:31px;height:31px;flex-shrink:0;border-radius:50%;background:#44372f;border:1px solid #85674f;color:#f5d0b5;display:grid;place-items:center;font-size:13px}#accountName{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink)}.account-sign-out{font:11px var(--sans);background:none;color:var(--muted);padding:7px 0;white-space:nowrap}.account-sign-out:hover{color:var(--accent)}.auth-status{width:calc(100% - 96px);max-width:1480px;margin:10px auto 0;text-align:right;font-size:12px;color:var(--accent);overflow-wrap:anywhere}.header-actions{gap:18px}
@media(max-width:1200px){.header-note{display:none}.header-actions{gap:12px}.auth-status{width:calc(100% - 64px)}}
@media(max-width:1000px){.auth-status{width:calc(100% - 48px);max-width:720px}#accountName{max-width:110px}.google-sign-in{font-size:12px;padding:8px 11px;min-height:38px}}
@media(max-width:650px){.site-header{height:auto;min-height:100px;padding-top:18px;padding-bottom:17px;flex-wrap:wrap;gap:16px}.header-actions{width:100%;justify-content:space-between;gap:12px}.account-controls{gap:8px}.auth-status{text-align:left;font-size:11px}.google-sign-in{font-size:12px;min-height:38px;padding:8px 12px}.account-sign-out{font-size:11px}#accountName{max-width:115px}}
@media(max-width:360px){.auth-status{width:calc(100% - 28px)}.account-controls{gap:6px}.google-sign-in{font-size:11px;gap:7px;padding:8px 9px}#accountName{max-width:82px}.account-initial{width:27px;height:27px}.account-identity{gap:5px}}
.account-retry{min-height:38px;border:1px solid #85674f;border-radius:7px;background:#302923;color:var(--accent);font:12px var(--sans);padding:8px 12px}.account-retry:hover{border-color:var(--accent)}

/* Preset-only products share the same catalog and workspace. */
.product-pricing-link{color:var(--accent);font:12px/1.4 var(--sans);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.product-pricing-link[hidden]{display:none}
.preset-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preset-people[hidden],.preset-note[hidden],.product-details[hidden],.policy-links[hidden]{display:none}.preset-person{border:1px solid #55494c;border-radius:10px;background:#252329;color:var(--muted);padding:6px;min-width:0;text-align:left;overflow:hidden}.preset-person img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;object-position:50% 50%;border-radius:6px;background:#383337}.preset-person span{display:block;padding:9px 3px 5px;font:12px/1.4 var(--sans);overflow-wrap:anywhere}.preset-person:hover:not(:disabled),.preset-person.is-active{border-color:var(--accent);color:var(--accent);background:#322a27}.preset-person.is-active{box-shadow:0 0 0 1px var(--accent)}.preset-person:disabled{opacity:.65;cursor:wait}.preset-person:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.preset-note{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0 0}.preset-note.is-error{color:var(--accent)}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:54px 0 30px;padding:30px 0;border-top:1px solid #3d383e}.product-details h2{font-size:23px;line-height:1.4;font-weight:500;margin:5px 0 14px}.product-details p,.product-details li{font-size:12px;line-height:1.9;color:var(--muted)}.product-details ol{margin:16px 0;padding-left:20px}.product-details .product-limitations{font-size:11px;color:var(--faint);border-top:1px solid #3d383e;padding-top:12px}.planned-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.planned-package{display:flex;flex-direction:column;gap:4px;padding:15px;background:#252329;border:1px solid #454047;border-radius:9px}.planned-package strong{font:500 23px/1.3 var(--sans);color:var(--ink)}.planned-package span{font-size:12px;color:var(--muted)}.product-details .payment-availability{color:var(--accent);margin-top:12px}.policy-links{display:flex;flex-wrap:wrap;gap:13px}.wordmark span[data-i18n="造型实验室"]{overflow-wrap:anywhere}
@media(max-width:1000px){.product-details{grid-template-columns:1fr;gap:25px;margin-top:35px}.product-details h2{font-size:21px}}
@media(max-width:560px){.preset-people{gap:7px}.preset-person{padding:4px}.preset-person span{font-size:11px}.preset-note{font-size:10px}.product-details{margin-top:28px;padding-top:23px;gap:20px}.product-details p,.product-details li{font-size:12px}.planned-package strong{font-size:22px}}

/* Credit purchase stays in a separate, account-scoped dialog. */
.billing-button{border:1px solid #85674f;border-radius:7px;background:#302923;color:var(--accent);padding:9px 12px;min-height:38px;white-space:nowrap;font:12px var(--sans)}.billing-button:hover{border-color:var(--accent)}.billing-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #4c4340;border-radius:16px;background:var(--bg);color:var(--ink)}.billing-dialog::backdrop{background:#08080cbb;backdrop-filter:blur(5px)}.billing-dialog .dialog-heading{margin-bottom:18px}.billing-dialog .micro-label{font-size:10px;letter-spacing:.1em}.billing-dialog h2{font-size:23px;letter-spacing:-.03em;margin-top:5px}.billing-balance-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:12px}.billing-balance-row>span{color:var(--muted)}.billing-notice{border:1px solid #8c6e43;background:#342d21;color:#efca93;border-radius:9px;padding:11px 13px;font-size:12px;line-height:1.6}.credit-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.credit-package{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left;background:#252329;border:1px solid #454047;border-radius:10px;padding:18px;color:var(--ink)}.credit-package strong{font-size:23px;font-weight:500}.credit-package span{font-size:12px;color:var(--muted)}.credit-package[aria-pressed=true]{border-color:var(--accent);background:#322a27}.credit-package[aria-pressed=true] span{color:var(--accent)}.credit-package:disabled{opacity:.6}.billing-network{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:12px;margin:18px 0}.billing-network select{max-width:70%;padding:10px;border:1px solid #4a4248;border-radius:7px;color:var(--ink);background:#252329}.billing-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:20px 0 12px}.billing-primary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 20px;border-radius:8px;background:var(--accent);color:#241b17;font-weight:500;font-size:13px}.billing-primary:disabled{opacity:.5}.billing-status{min-height:1.7em;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:650px){.header-actions{flex-wrap:wrap}.billing-button{font-size:11px;max-width:100%;white-space:normal;text-align:left}.billing-dialog{padding:20px}.billing-balance-row{align-items:flex-start;flex-direction:column;gap:5px}.credit-package{padding:14px}.credit-package strong{font-size:21px}.billing-network{gap:8px}.billing-network select{max-width:65%}.billing-primary{width:100%}}
