:root{--ink:#1e2524;--muted:#797e78;--paper:#f7f4ed;--card:#fffdfa;--line:#e2e0d8;--accent:#da683a;--deep:#293a31;--soft:#e9ede6;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}a{text-decoration:none;color:inherit}
.masthead{max-width:1420px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 54px 22px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{font-size:36px;letter-spacing:-5px;font-weight:850;line-height:1;color:var(--deep)}.brand-dot{color:var(--accent)}.brand-words{font-size:19px;letter-spacing:2px;font-weight:800}.brand-words small{display:block;font-size:9px;font-weight:650;letter-spacing:2.1px;margin-top:4px;color:#777f77}.top-right{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--deep)}.live-dot{width:7px;height:7px;border-radius:50%;background:#77a979;box-shadow:0 0 0 4px #77a97925}.admin-link{color:#a1a39f;text-transform:none;font-size:11px;letter-spacing:0;padding-left:14px;margin-left:10px;border-left:1px solid var(--line)}
.main-grid{display:grid;grid-template-columns:minmax(0, 1.06fr) minmax(350px,.94fr);gap:clamp(30px,5.2vw,90px);max-width:1420px;padding:54px 54px 90px;margin:auto}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.1px;color:#b16b51;display:flex;align-items:center;gap:12px}.eyebrow-line{width:25px;border-top:1px solid #b16b51}.eyebrow-count{margin-left:auto;color:#b7aaa0;font-weight:500;letter-spacing:1px}h1{font-size:clamp(33px,3.5vw,54px);line-height:1.31;font-weight:760;letter-spacing:-2.1px;margin:20px 0 16px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:14px;line-height:2.0;letter-spacing:.2px;color:#717971;margin:0}.steps{display:flex;align-items:center;gap:11px;padding:28px 0 28px;margin-top:9px}.step{display:flex;align-items:center;gap:7px;color:#969b95;font-size:11px;white-space:nowrap;font-weight:600}.step.active{color:var(--deep)}.step-number{font-size:10px;font-weight:800;border:1px solid #d1d8cc;border-radius:100%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.step.active .step-number{background:var(--deep);border-color:var(--deep);color:white}.step-divider{height:1px;background:var(--line);flex:1;max-width:38px}
.editor-shell{background:var(--card);border:1px solid #e7e3dc;border-radius:5px;padding:24px 26px 29px;box-shadow:0 10px 35px #362e1e06}.section-label{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #efebe5}.section-label>span:first-child{background:#f1e7dc;border-radius:3px;padding:5px 7px;color:#bc7452;font-size:11px;font-weight:800}.section-label strong{font-size:15px;letter-spacing:.3px}.section-aside{font-size:10px;letter-spacing:.4px;color:#a5a7a0;margin-left:auto}.section-label.with-gap{margin-top:25px}.upload-drop{margin-top:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:178px;border:1.5px dashed #cbd3c7;border-radius:4px;background:#fafaf6;cursor:pointer;transition:.18s}.upload-drop.dragging,.upload-drop:hover{background:#f2f6ee;border-color:#7f9a80}.upload-icon{font-size:30px;line-height:1;width:43px;height:43px;border-radius:50%;border:1px solid #c9d3c8;color:#617a67;display:grid;place-items:center;margin-bottom:12px;font-weight:300}.upload-head{font-size:13px;font-weight:730}.upload-sub{font-size:11px;color:#899188;margin-top:9px}.upload-note{font-size:10px;color:#a7a9a4;margin-top:6px}.thumb-list{display:flex;gap:9px;margin-top:14px;overflow:auto}.thumbnail{position:relative;width:63px;height:74px;flex:none;border:2px solid transparent;padding:3px;background:#f2f3ed;border-radius:3px}.thumbnail.active{border-color:var(--accent)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail .thumb-badge{position:absolute;right:0;bottom:0;background:#fffdfbdf;color:#27352a;font-size:9px;font-weight:700;padding:3px 4px}.thumbnail-add{width:63px;height:74px;flex:none;display:flex;align-items:center;justify-content:center;background:#f7f7f2;color:#607261;border:1px dashed #d5dacf;border-radius:3px;font-size:24px;cursor:pointer}
.controls-group{padding-top:20px}.control-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:720;margin:0 0 13px}.control-heading.spaced{margin-top:24px}.micro{color:#a5a9a3;font-size:9px;letter-spacing:1.5px;font-weight:700}.filter-row{display:flex;gap:9px;overflow:auto;scrollbar-width:thin;padding:2px 1px 7px}.filter-chip{font-size:10px;font-weight:650;flex:none;min-width:64px;display:flex;align-items:center;flex-direction:column;gap:7px;background:transparent;border:1px solid transparent;border-radius:3px;padding:5px 6px 9px;color:#7e847b}.filter-chip.selected{border-color:var(--deep);background:#f4f6f1;color:var(--deep)}.filter-swatch{display:block;width:42px;height:42px;border-radius:2px;background:linear-gradient(155deg,#6e8b77 10%,#d8cfaf 48%,#7b6258 50%,#bb997b 95%)}.swatch-warm{filter:sepia(.6) saturate(1.2)}.swatch-cool{filter:hue-rotate(170deg) saturate(.65)}.swatch-mono{filter:grayscale(1)}.swatch-vintage{filter:sepia(.65) contrast(.84)}.swatch-vivid{filter:saturate(2)}.pills{display:flex;gap:9px;flex-wrap:wrap}.pill{background:transparent;color:#5e6861;border:1px solid #d8ded5;padding:10px 16px;border-radius:3px;font-size:11px;font-weight:650;transition:.18s}.pill.selected{background:var(--deep);border-color:var(--deep);color:#fff}.tiny-link{background:none;border:none;color:#a37561;font-size:11px;text-decoration:underline}.slider-card{border:1px solid #e6e6df;border-radius:4px;padding:14px 15px 12px;background:#fcfcfa}.slider-card label{display:flex;justify-content:space-between;font-size:11px;font-weight:650}.slider-card output{font-weight:700;color:var(--accent)}input[type=range]{width:100%;margin:15px 0;accent-color:var(--deep);cursor:pointer}.slider-card>span{font-size:10px;color:#969c95;line-height:1.7}.rotate-button{background:none;border:0;padding:12px 0 0;color:#597361;font-size:11px;font-weight:650}
.right-column{min-width:0}.sticky-preview{position:sticky;top:18px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.3px;font-weight:800;margin-bottom:15px}.print-size{font-size:10px;color:#9ca19a;font-weight:650}.preview-stage{min-height:435px;background:#e5e9df;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px 28px 18px;overflow:hidden;border-radius:2px}.preview-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#d0d9c9 0%,transparent 60%),linear-gradient(35deg,transparent 40%,#f1f2e953 42%,transparent 70%);pointer-events:none}.decorative-star{position:absolute;color:#bac7b7;font-size:35px}.star-one{top:23px;left:25px}.star-two{bottom:55px;right:28px;font-size:23px}.paper-wrap{width:min(60%,248px);position:relative;box-shadow:15px 20px 36px #46534534,1px 2px 4px #46534524;transform:rotate(-3deg);background:white;line-height:0;z-index:1;touch-action:none;cursor:grab}.paper-wrap:active{cursor:grabbing}#previewCanvas{display:block;width:100%;height:auto;background:#fff}.empty-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;color:#a8b4aa;background:#fdfcf8;gap:10px;text-align:center}.empty-circle{border:1px solid #dde4d9;border-radius:50%;width:73px;height:73px;display:grid;place-items:center;font-size:32px}.empty-cover p{font-weight:800;letter-spacing:2px;font-size:14px;color:#9da99e}.empty-cover small{letter-spacing:.1px;font-size:10px}.stage-caption{font-size:10px;color:#80907e;letter-spacing:1.3px;font-style:italic;margin-top:19px;z-index:1}.print-note{display:flex;gap:12px;align-items:start;margin:17px 0 20px;border-bottom:1px solid var(--line);padding-bottom:20px}.print-note>span{color:#7b9f82;font-size:18px}.print-note strong{font-size:12px}.print-note small{display:block;color:#90958d;font-size:10px;margin-top:7px;line-height:1.8}.checkout{background:var(--card);border:1px solid #e7e3dc;border-radius:4px;padding:21px 23px 24px}.checkout-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:17px}.checkout-head h2{font-size:16px;margin:0}.checkout-head span{font-size:10px;color:#a1a59d;letter-spacing:1.1px}.summary-line,.qty-line{display:flex;align-items:center;justify-content:space-between;color:#757c75;font-size:12px;margin:14px 0}.summary-line b{font-weight:650;color:#4b534d}.stepper{display:flex;align-items:center;border:1px solid #dce1d7;border-radius:3px;height:33px;overflow:hidden}.stepper button{border:0;background:#f5f7f2;width:33px;height:32px;color:#273b2d;font-size:17px}.stepper output{min-width:38px;text-align:center;color:#303e34;font-weight:700;font-size:13px}.total-line{margin-top:19px;border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:baseline;justify-content:space-between;font-size:12px;font-weight:700}.total-line strong{font-size:29px;font-weight:780;letter-spacing:-1.2px;color:var(--accent)}.order-btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--deep);color:#fff;border-radius:3px;padding:17px 20px;font-size:13px;font-weight:800;letter-spacing:.5px;transition:transform .15s}.order-btn:not(:disabled):hover{transform:translateY(-1px);background:#3e5544}.order-btn span:last-child{font-size:18px}.checkout-disclaimer{color:#a0a49d;font-size:10px;line-height:1.8;margin:15px 0 0}.checkout-disclaimer b{color:#718675}.feedback{font-size:11px;line-height:1.5;color:#b25033;min-height:0;margin:9px 0 0}.feedback:empty{display:none}.site-footer{display:flex;justify-content:space-between;gap:20px;max-width:1420px;margin:0 auto;padding:28px 54px 40px;border-top:1px solid var(--line);font-size:10px;color:#a6a9a2;line-height:1.8}
.modal-backdrop{position:fixed;inset:0;background:#20272199;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal-backdrop.hidden{display:none}.receipt-card{background:#fffefa;width:min(100%,430px);padding:33px 26px 29px;text-align:center;position:relative;border-radius:5px;box-shadow:0 28px 80px #0004}.modal-close{position:absolute;top:12px;right:14px;font-size:25px;border:0;background:transparent;color:#859087}.receipt-seal{background:#e9f3e8;border-radius:50%;color:#5d9064;font-size:27px;font-weight:800;width:57px;height:57px;display:grid;place-items:center;margin:auto}.receipt-kicker{font-size:9px;letter-spacing:2px;color:#9aab98;margin:17px 0 7px}.receipt-card h2{font-size:23px;margin:0 0 8px}.receipt-card>p:not(.receipt-kicker){font-size:12px;line-height:1.8;color:#868e83}.receipt-code{background:#f5f3ec;border:1px dashed #c9d2c6;padding:20px 10px;font-size:31px;letter-spacing:3px;font-weight:830;color:#293c2d;margin:20px 0}.receipt-bottom{display:flex;justify-content:space-between;font-size:11px;color:#778078}.receipt-bottom b{color:#293a31}.receipt-status{margin:21px 0;background:#f9eadd;color:#9a683b;padding:9px 10px;font-size:12px;font-weight:700}.receipt-done{justify-content:center}.receipt-card>small{display:block;margin-top:14px;font-size:10px;color:#a1a69c}
@media(max-width:1000px){.masthead{padding:22px 25px}.main-grid{gap:25px;padding:40px 25px}.editor-shell{padding:18px}.preview-stage{min-height:370px}.paper-wrap{width:min(64%,210px)}}
@media(max-width:760px){.masthead{padding:17px 18px}.brand-mark{font-size:31px}.brand-words{font-size:15px}.brand-words small{font-size:8px}.top-right{font-size:9px;letter-spacing:0}.admin-link{font-size:9px;margin-left:2px;padding-left:8px}.main-grid{grid-template-columns:1fr;padding:28px 18px 35px;gap:24px}.eyebrow{font-size:9px}h1{font-size:38px;letter-spacing:-1.7px;margin:17px 0 13px}.intro{font-size:12px}.steps{margin-top:3px;padding:22px 0}.step{font-size:10px;gap:5px}.step-number{width:23px;height:23px}.editor-shell{padding:18px 15px}.right-column{grid-row:auto}.sticky-preview{position:static;display:flex;flex-direction:column}.preview-heading{margin-bottom:12px}.preview-stage{min-height:390px}.paper-wrap{width:54%;max-width:205px}.print-note{margin:15px 0}.checkout{padding:19px}.site-footer{padding:24px 18px 34px;display:block}.site-footer span{display:block;margin-bottom:8px}.control-heading.spaced{margin-top:19px}}
@media(max-width:380px){h1{font-size:33px}.paper-wrap{width:57%}.preview-stage{min-height:340px}.top-right>span:not(.live-dot){display:none}}