:root{--background: #f1efe8;--foreground: #18221d;--ink-soft: #687169;--green: #174b36;--green-dark: #0f3828;--green-light: #e4eee7;--line: #d7d9d2;--paper: #fffefb;--red: #a84438}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); }*{box-sizing:border-box}html{background:var(--background)}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans, Arial),"Microsoft YaHei",sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100vh;padding:48px clamp(20px,4.7vw,80px) 76px;background:radial-gradient(circle at 88% 4%,rgba(36,104,74,.09),transparent 24rem),var(--background)}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:23px;max-width:1380px;margin:0 auto 34px;align-items:start}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--green);color:#fff;font-size:23px;font-weight:760;box-shadow:0 12px 28px #174b362e}.eyebrow{margin:3px 0 12px;color:var(--green);font-size:13px;font-weight:780;letter-spacing:.12em}h1{margin:0;max-width:800px;font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-size:clamp(34px,4.4vw,59px);line-height:1.08;letter-spacing:-.04em}.intro{max-width:760px;margin:18px 0 0;color:var(--ink-soft);font-size:17px;line-height:1.75}.privacy-pill{display:flex;align-items:center;gap:8px;margin-top:7px;padding:9px 13px;border:1px solid #cbd8cf;border-radius:999px;background:#ffffff94;color:var(--green);font-size:13px;white-space:nowrap}.privacy-pill i{width:7px;height:7px;border-radius:50%;background:#36a56d;box-shadow:0 0 0 4px #36a56d21}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;align-items:start;max-width:1380px;margin:0 auto}.main-column,.preview-panel{border:1px solid rgba(65,77,69,.13);background:var(--paper);box-shadow:0 24px 70px #2f312a17}.main-column{min-width:0;padding:clamp(24px,3vw,40px);border-radius:30px}.preview-panel{position:sticky;top:24px;padding:25px;border-radius:25px}.step-heading{display:flex;gap:15px;align-items:center;margin-bottom:21px}.step-heading>span{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green-light);color:var(--green);font-size:13px;font-weight:800}.step-heading h2{margin:0 0 5px;font-size:21px}.step-heading p{margin:0;color:var(--ink-soft);font-size:14px}.step-heading .text-button,.completion{margin-left:auto}.text-button{border:0;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:13px}.text-button:hover{color:var(--red)}.completion{color:var(--green);font-size:13px;white-space:nowrap}.dropzone{width:100%;min-height:266px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1.5px dashed #aab9ae;border-radius:24px;background:#f8faf7;color:var(--foreground);cursor:pointer;transition:.2s ease}.dropzone:hover,.dropzone.is-dragging{transform:translateY(-2px);border-color:var(--green);background:#f0f7f2;box-shadow:0 18px 40px #174b3614}.dropzone.compact{min-height:96px;flex-direction:row;text-align:left}.dropzone>span:last-child{display:flex;flex-direction:column;align-items:center;gap:6px}.dropzone.compact>span:last-child{align-items:flex-start}.upload-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;font-size:32px;font-weight:300;line-height:1}.compact .upload-icon{width:42px;height:42px;font-size:27px}.dropzone strong{font-size:17px}.dropzone small{color:var(--ink-soft);font-size:13px}.notice{margin:15px 0 0;padding:12px 14px;border-radius:12px;background:#f0f4ef;color:#536258;font-size:13px;line-height:1.5}.form-step{margin-top:34px}.bulk-bar{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:10px;margin:-3px 0 16px 57px;padding:13px;border:1px solid #d9e3dc;border-radius:16px;background:#f4f8f5}.bulk-bar label{display:flex;align-items:center;gap:8px;min-width:0}.bulk-bar label span{color:var(--ink-soft);font-size:12px;white-space:nowrap}.bulk-bar input{min-width:0;width:100%;height:38px;padding:0 10px;border:1px solid #cfd8d1;border-radius:10px;background:#fff;outline:none}.bulk-bar button{padding:0 14px;border:0;border-radius:10px;background:var(--green);color:#fff;cursor:pointer;font-size:13px;font-weight:700}.bulk-bar button:hover{background:var(--green-dark)}.product-list{display:flex;flex-direction:column;gap:12px}.product-card{display:grid;grid-template-columns:39px 148px minmax(0,1fr) 38px;gap:16px;align-items:center;padding:15px;border:1px solid #dde0da;border-radius:19px;background:#fff;transition:.18s ease}.product-card:hover{border-color:#b7c7bb;box-shadow:0 10px 26px #23372b12}.sequence{align-self:start;padding-top:4px;color:#7d867f;font-family:var(--font-geist-mono, Consolas),monospace;font-size:12px}.thumb-wrap{height:180px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#edece8}.thumb-wrap img{display:block;width:100%;height:100%;object-fit:contain}.product-fields{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:12px}.product-fields label,.title-input{display:flex;flex-direction:column;gap:7px}.product-fields label>span,.title-input span{color:#526058;font-size:12px;font-weight:700}.product-fields em{color:#8b3f36;font-style:normal;font-size:10px}.product-fields small{color:#8d948e;font-size:10px;font-weight:500}.product-fields input,.title-input input{width:100%;height:44px;padding:0 12px;border:1px solid #d2d8d3;border-radius:11px;background:#fbfcfa;color:var(--foreground);outline:none;transition:.15s}.product-fields input:focus,.title-input input:focus,.bulk-bar input:focus{border-color:var(--green);box-shadow:0 0 0 3px #174b3617}.product-fields input.invalid:not(:focus){border-color:#d9a69f;background:#fff9f8}.card-actions{display:flex;flex-direction:column;gap:6px}.card-actions button{width:32px;height:32px;border:1px solid #d9ded9;border-radius:9px;background:#f7f8f6;color:#536158;cursor:pointer}.card-actions button:hover:not(:disabled){border-color:#aebeb2;background:#edf3ee;color:var(--green)}.card-actions button:disabled{opacity:.32;cursor:default}.card-actions .remove:hover{border-color:#e1b4ae;background:#fff1ef;color:var(--red)}.preview-label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:17px}.preview-label span{font-size:15px;font-weight:800}.preview-label small{color:var(--ink-soft);font-size:11px}.title-input{margin-bottom:15px}.title-input input{height:42px}.sheet-preview{overflow:hidden;border:1px solid #cdd6cf;border-radius:14px;background:#fff;box-shadow:0 10px 30px #1e2e2514}.sheet-title{padding:14px 11px;border-bottom:2px solid #b8cabe;background:#f0f5f1;color:#173f31;font-size:15px;font-weight:800}.sheet-head,.sheet-row{display:grid;grid-template-columns:.8fr .55fr .55fr 1.6fr}.sheet-head{background:var(--green);color:#fff}.sheet-head b{padding:8px 3px;border-right:1px solid rgba(255,255,255,.16);text-align:center;font-size:9px}.sheet-row>strong{display:grid;place-items:center;min-width:0;padding:6px 2px;border-right:1px solid #d8ded9;color:#2d3c33;font-size:9px;overflow-wrap:anywhere}.sheet-image{height:245px;display:grid;place-items:center;padding:6px;background:#fff}.sheet-image img{width:100%;height:100%;object-fit:contain}.sheet-image span{color:#9ba29c;font-size:11px;line-height:1.7;text-align:center}.benefits{display:flex;flex-direction:column;gap:12px;margin:20px 0;padding:0;list-style:none}.benefits li{display:flex;gap:11px;align-items:flex-start}.benefits i{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--green-light);color:var(--green);font-size:12px;font-style:normal;font-weight:900}.benefits span{display:flex;flex-direction:column;gap:3px}.benefits b{font-size:13px}.benefits small{color:var(--ink-soft);font-size:11px;line-height:1.45}.export-button{width:100%;min-height:53px;padding:12px 16px;border:0;border-radius:14px;background:var(--green);color:#fff;cursor:pointer;box-shadow:0 12px 24px #174b3633;font-weight:780;transition:.16s ease}.export-button:hover:not(:disabled){transform:translateY(-1px);background:var(--green-dark)}.export-button:disabled{background:#aeb8b1;box-shadow:none;cursor:not-allowed}.progress-track{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:#dfe7e1}.progress-track span{display:block;height:100%;border-radius:inherit;background:#4e9b72;transition:width .2s ease}.export-note{margin:11px 0 0;color:#8a918c;font-size:11px;text-align:center}@media(max-width:1120px){.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.product-card{grid-template-columns:32px 125px minmax(0,1fr) 34px;gap:12px}.product-fields{grid-template-columns:1fr 1fr}.product-fields label:first-child{grid-column:1 / -1}}@media(max-width:860px){.shell{padding-top:28px}.topbar{grid-template-columns:auto 1fr}.privacy-pill{grid-column:2;justify-self:start}.workspace{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.sheet-preview{max-width:430px;margin:0 auto}.sheet-image{height:280px}.preview-label,.title-input,.benefits{max-width:430px;margin-left:auto;margin-right:auto}}@media(max-width:620px){.shell{padding:22px 12px 44px}.topbar{gap:14px;margin-bottom:24px}.brand-mark{width:46px;height:46px;border-radius:14px}h1{font-size:34px}.intro{font-size:15px;line-height:1.65}.main-column,.preview-panel{padding:20px 15px;border-radius:22px}.dropzone{min-height:220px;padding:20px;text-align:center}.dropzone.compact{min-height:92px}.step-heading{align-items:flex-start}.step-heading>span{width:38px;height:38px}.step-heading p{line-height:1.45}.completion{display:none}.bulk-bar{grid-template-columns:1fr 1fr;margin-left:0}.bulk-bar label{flex-direction:column;align-items:flex-start}.bulk-bar button{grid-column:1 / -1;min-height:40px}.product-card{grid-template-columns:28px 90px minmax(0,1fr);gap:9px;align-items:start;padding:11px}.thumb-wrap{height:130px}.product-fields{grid-template-columns:1fr;gap:9px}.product-fields label:first-child{grid-column:auto}.product-fields input{height:40px}.card-actions{grid-column:2 / -1;flex-direction:row;justify-content:flex-end}}