:root{--ink:#171817;--ink-soft:#595c58;--paper:#f3f2ee;--surface:#fff;--line:#deded8;--line-strong:#c9cac3;--accent:#d84d37;--accent-dark:#b73c29;--green:#3f7a58;--muted:#8e918b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{background:var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#f3f2eef2;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{color:var(--ink);letter-spacing:0;align-items:center;gap:10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.brand em{color:var(--muted);letter-spacing:0;margin-left:5px;font-size:9px;font-style:normal;font-weight:600}.brand-mark{color:#fff;background:var(--ink);place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.topbar-meta{color:var(--ink-soft);align-items:center;gap:8px;font-size:11px;display:flex}.secure-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #3f7a581f}.topbar-divider{background:var(--line-strong);width:1px;height:14px;margin:0 5px}.version-label{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.workspace{width:min(1320px,100% - 48px);margin:0 auto}.intro-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;min-height:270px;padding:74px 0 54px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 17px;font-size:11px;font-weight:800;display:flex}.intro-row h1{letter-spacing:0;margin:0;font-size:64px;font-weight:720;line-height:1.03}.intro-row h1 span{color:var(--ink-soft)}.intro-copy{width:min(520px,100%);color:var(--ink-soft);margin:23px 0 0;font-size:15px;line-height:1.75}.intro-aside{width:185px;color:var(--ink-soft);padding-bottom:6px}.intro-aside-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:13px;font-size:10px;display:block}.intro-aside strong{color:var(--ink);letter-spacing:0;font-size:16px;line-height:1.17;display:block}.intro-aside-line{background:var(--accent);width:67px;height:3px;margin-top:19px;display:block}.workspace-grid{grid-template-columns:minmax(0,1.36fr) minmax(330px,.64fr);gap:clamp(28px,5vw,80px);padding:54px 0 68px;display:grid}.input-column,.settings-column{min-width:0}.section-heading{justify-content:space-between;align-items:start;margin-bottom:29px;display:flex}.step-label{align-items:start;gap:14px;display:flex}.step-number{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;line-height:22px}.step-label h2{margin:0;font-size:23px;font-weight:700}.step-label p{color:var(--ink-soft);margin:7px 0 0;font-size:12px}.required-note{color:var(--muted);font-size:11px}.asset-block{margin-bottom:35px}.block-title{justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.block-meta{color:var(--muted);font-size:10px;font-weight:500}.upload-zone{border:1px dashed var(--line-strong);background:#ffffff57;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:211px;padding:27px 20px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--accent);background:#fff}.upload-zone:focus-visible{outline-offset:3px;outline:3px solid #d84d3738}.upload-zone.is-disabled{pointer-events:none}.upload-icon{width:43px;height:43px;color:var(--accent);background:#fff;border:1px solid #d84d376b;place-items:center;display:grid}.upload-title{color:var(--ink);font-size:13px;font-weight:700}.upload-hint{color:var(--muted);font-size:11px}.product-preview{border:1px solid var(--line);background:#fff;min-height:290px;position:relative;overflow:hidden}.product-preview>img{object-fit:contain;background:#f8f8f6;width:100%;height:290px;padding:20px;display:block}.preview-overlay{justify-content:space-between;align-items:center;display:flex;position:absolute;top:13px;left:13px;right:13px}.preview-overlay>span{color:var(--green);background:#ffffffeb;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.file-caption{min-height:40px;color:var(--ink-soft);border-top:1px solid var(--line);align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.file-caption span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-caption small{color:var(--muted);margin-left:auto}.icon-button{width:31px;height:31px;color:var(--ink);background:#ffffffeb;border:1px solid #0000001f;place-items:center;text-decoration:none;transition:color .2s,background .2s;display:inline-grid}.icon-button:hover{color:#fff;background:var(--ink)}.icon-button.subtle{width:29px;height:29px;color:var(--ink-soft);background:0 0;border-color:#0000}.icon-button.subtle:hover{color:var(--accent);background:#f4e8e4}.reference-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.reference-grid .upload-zone{gap:7px;min-height:142px;padding:14px 7px}.reference-grid .upload-icon{width:35px;height:35px}.reference-grid .upload-title{text-align:center;font-size:10px}.reference-grid .upload-hint{font-size:9px}.reference-thumb{aspect-ratio:.82;border:1px solid var(--line);background:#fff;min-width:0;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-number{color:#fff;background:#0000009e;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;position:absolute;bottom:6px;left:7px}.reference-remove{color:#fff;background:#000000a3;border:0;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.reference-remove:hover{background:var(--accent)}.under-note{color:var(--muted);align-items:center;gap:6px;margin:12px 0 0;font-size:11px;display:flex}.copy-reference-wrap{border:1px solid var(--line);background:#ffffff8a;transition:border-color .2s,background .2s}.copy-reference-wrap:focus-within{border-color:var(--ink);background:#fff}.copy-reference-textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);letter-spacing:0;background:0 0;border:0;outline:0;padding:15px 16px 10px;font-size:12px;line-height:1.7;display:block}.copy-reference-textarea::placeholder{color:var(--muted)}.copy-reference-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:6px;min-height:39px;padding:5px 8px 5px 15px;display:flex}.copy-reference-count{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.copy-reference-clear{width:27px;height:27px;color:var(--ink-soft);background:0 0;border:0;place-items:center;padding:0;display:grid}.copy-reference-clear:hover{color:#fff;background:var(--ink)}.privacy-note{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:18px;font-size:11px;display:flex}.privacy-note svg:first-child{color:var(--green);flex:none}.privacy-note svg:last-child{color:var(--ink-soft);margin-left:auto}.settings-column{padding-left:4px}.settings-panel{background:var(--surface);border:1px solid var(--line);padding:25px 26px 22px}.setting-group{padding-bottom:24px}.setting-label{align-items:center;gap:8px;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.setting-label svg{color:var(--accent)}.segmented{gap:7px;display:grid}.language-segmented{grid-template-columns:1fr}.segmented button{min-height:42px;color:var(--ink-soft);border:1px solid var(--line);text-align:left;background:#fafaf8;align-items:center;gap:9px;padding:0 12px;transition:border .2s,background .2s,color .2s;display:flex}.segmented button:hover{border-color:var(--line-strong);color:var(--ink)}.segmented button.is-selected{color:var(--ink);border-color:var(--ink);background:#f3f2ee}.radio-dot{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:12px;height:12px}.is-selected .radio-dot{border:3px solid var(--accent);background:#fff}.setting-example{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.5}.ratio-segmented{grid-template-columns:1fr 1fr}.ratio-segmented button{grid-template-rows:1fr 1fr;grid-template-columns:24px 1fr;align-items:end;column-gap:8px;padding:9px 11px;display:grid}.ratio-segmented b{align-self:end;font-size:12px;font-weight:800}.ratio-segmented small{color:var(--muted);align-self:start;font-size:9px}.ratio-icon{border:1.5px solid;grid-row:1/3;align-self:center;width:19px;height:19px}.ratio-3-4{width:15px;height:20px}.strength-setting{padding-bottom:22px}.strength-setting .setting-label{margin-bottom:11px}.strength-slider{width:100%;height:20px;accent-color:var(--accent);cursor:pointer;margin:0;padding:0;display:block}.strength-slider:focus-visible{outline-offset:3px;outline:3px solid #d84d3738}.strength-scale{color:var(--muted);justify-content:space-between;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.output-count{padding-top:1px;padding-bottom:17px}.output-count p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.6}.count-badge{color:var(--accent);background:#faeee9;margin-left:auto;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.settings-divider{background:var(--line);height:1px;margin:0 -26px 20px}.generate-button{color:#fff;background:var(--ink);border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:51px;font-size:13px;font-weight:800;transition:background .2s,transform .2s;display:flex}.generate-button:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.button-note{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin:11px 0 0;font-size:10px;display:flex}.button-note svg{color:var(--green)}.error-message{color:#a43b2b;background:#fff1ee;border:1px solid #efc2b9;align-items:start;gap:7px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex}.style-index{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:19px;font-size:10px}.style-index-list{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.style-index-list span{color:var(--ink-soft);background:#e8e7e2;padding:6px 8px}.progress-strip{border-top:2px solid var(--ink);margin:-23px 0 62px;padding:21px 0 0}.progress-top{color:var(--ink);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.progress-top span:first-child{align-items:center;gap:8px;display:flex}.progress-top span:last-child{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.progress-track{background:var(--line);height:3px;margin:16px 0 14px}.progress-track span{background:var(--accent);height:100%;transition:width .5s;display:block}.progress-stages{color:var(--muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.progress-stages span{align-items:center;gap:5px;display:flex}.progress-stages span.is-active{color:var(--ink)}.progress-stages i{border:1px solid;border-radius:50%;width:5px;height:5px;display:inline-block}.progress-stages svg{color:var(--green)}.results-section{border-top:1px solid var(--ink);padding:58px 0 70px;scroll-margin-top:30px}.results-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px;display:flex}.results-header .eyebrow{margin-bottom:14px}.results-header h2{margin:0;font-size:32px}.results-subtitle{color:var(--ink-soft);margin:10px 0 0;font-size:12px}.results-warning{color:#785c2b;background:#f7f0df;border:1px solid #dfcfaa;align-items:flex-start;gap:8px;margin:-8px 0 22px;padding:11px 12px;font-size:11px;line-height:1.5;display:flex}.results-warning svg{flex:none;margin-top:1px}.result-actions{align-items:center;gap:9px;display:flex}.provider-tag{color:var(--green);background:#e4eee7;padding:7px 9px;font-size:10px;font-weight:800}.provider-tag.is-demo{color:#856733;background:#f0e7cf}.secondary-button{min-height:36px;color:var(--ink);border:1px solid var(--line-strong);background:0 0;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-button:hover{border-color:var(--ink);background:#fff}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.result-card{border:1px solid var(--line);background:var(--surface);min-width:0}.result-image-button{background:#eee;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.result-image-button img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s;display:block}.results-ratio-3-4 .result-image-button img{aspect-ratio:3/4}.result-image-button:hover img{transform:scale(1.025)}.result-hover{color:#fff;opacity:0;white-space:nowrap;background:#000000b8;align-items:center;gap:7px;padding:9px 11px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-image-button:hover .result-hover{opacity:1}.result-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:43px;padding:0 8px 0 12px;display:flex}.result-index{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.results-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font-size:10px;display:flex}.results-footer>span{align-items:center;gap:6px;display:flex}.results-footer svg{color:var(--green)}.text-button{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;display:inline-flex}.text-button:hover{color:var(--accent)}.text-button svg{transform:rotate(180deg)}.footer{min-height:66px;color:var(--muted);border-top:1px solid var(--line);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,64px);font-size:9px;display:flex}.lightbox{z-index:20;background:#121312d1;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox-inner{background:var(--surface);flex-direction:column;width:min(760px,92vw);max-height:92vh;display:flex;position:relative}.lightbox-inner img{object-fit:contain;background:#eee;width:100%;max-height:calc(92vh - 66px)}.lightbox-close{z-index:1;color:#fff;background:#000000b3;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.lightbox-close:hover{background:var(--accent)}.lightbox-bottom{border-top:1px solid var(--line);min-height:59px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 14px 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.workspace{width:min(100% - 36px,700px)}.intro-row{min-height:auto;padding:55px 0 40px}.intro-aside{display:none}.workspace-grid{grid-template-columns:1fr;gap:24px;padding-top:38px}.settings-column{padding-left:0}.settings-panel{max-width:none}.style-index{display:none}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.topbar{height:62px;padding:0 18px}.brand em,.topbar-meta{display:none}.workspace{width:calc(100% - 32px)}.intro-row{padding:42px 0 34px}.intro-row h1{font-size:40px}.intro-copy{margin-top:17px;font-size:13px}.workspace-grid{padding:33px 0 48px}.section-heading{margin-bottom:22px}.step-label h2{font-size:20px}.step-label p{max-width:250px;line-height:1.45}.product-preview{height:auto;min-height:281px}.product-preview>img{height:240px;min-height:240px}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-grid .upload-zone{min-height:123px}.settings-panel{padding:20px 17px 18px}.settings-divider{margin-left:-17px;margin-right:-17px}.progress-strip{margin:-10px 0 44px}.progress-stages span{font-size:0}.progress-stages span.is-active{font-size:9px}.results-section{padding:43px 0 50px}.results-header{margin-bottom:21px;display:block}.results-header h2{font-size:28px}.result-actions{flex-wrap:wrap;margin-top:20px}.provider-tag{margin-right:auto}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.results-footer{line-height:1.6;display:block}.results-footer .text-button{margin-top:12px}.footer{align-content:center;gap:7px;min-height:86px;display:grid}.footer span:last-child{display:none}.lightbox{padding:12px}.lightbox-inner{width:100%}}