@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#21342b;--paper:#faf9f4;--orange:#d95b34;--line:#dedfd6;--muted:#687168}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;background:transparent;color:inherit}button:hover{opacity:.78}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:91px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font:800 26px 'Manrope',sans-serif;display:flex;align-items:center;gap:11px;letter-spacing:-1px}.brandmark{background:var(--ink);color:var(--paper);border-radius:8px;width:35px;height:38px;display:grid;place-content:center;font-size:24px;position:relative;line-height:20px}.brandmark span{color:#dcefb3;position:absolute;left:17px;top:15px}.brandnote{font:400 10px sans-serif;letter-spacing:1px;border-left:1px solid var(--line);padding-left:10px}nav{display:flex;gap:25px;font-size:14px}.headerRight{display:flex;gap:14px;font-size:12px;align-items:center}#cartBtn{border:1px solid var(--ink);border-radius:30px;padding:10px 16px}#cartCount{background:var(--ink);color:white;border-radius:50%;padding:2px 6px;margin-left:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.heroCopy{padding:80px 9% 65px 10%}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(44px,4.5vw,72px);line-height:1.17;letter-spacing:-3px;font-weight:600;margin:26px 0}h2{font-size:36px;font-weight:500;letter-spacing:-1px;margin:14px 0}h3{font-size:21px;font-weight:500}p{line-height:1.8}.lead{color:var(--muted);max-width:435px;font-size:16px}.heroActions{display:flex;gap:25px;margin-top:34px;align-items:center}.primary{background:var(--orange);color:white;padding:15px 23px;border-radius:4px;font-size:14px}.dark{background:var(--ink)}.textBtn{font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0}.heroMeta{display:flex;gap:18px;font-size:11px;margin-top:45px;color:var(--muted)}.heroMeta span:before{content:'✓';margin-right:5px}.heroArt{background:#e7eddf;position:relative;overflow:hidden;min-height:650px}.artTag{position:absolute;top:36px;left:35px;font-size:10px;letter-spacing:2px}.boxArt{position:absolute;width:300px;height:260px;left:5%;top:230px;transform:rotate(-9deg);filter:drop-shadow(10px 22px 12px #53664c30)}.boxFront{background:#d67850;width:280px;height:150px;position:absolute;top:77px;left:10px;padding:20px;font-size:27px;line-height:1.2;color:#492b20;font-weight:600}.boxFront span{position:absolute;right:15px;top:22px;font-size:55px}.boxTop{position:absolute;background:#efa77a;width:280px;height:104px;left:10px;top:0;transform:skewX(-25deg);transform-origin:bottom left;text-align:center;padding:24px;font-size:25px;font-weight:700;letter-spacing:2px}.boxTop small{display:block;font-size:6px;margin-top:9px}.boxSide{position:absolute;left:290px;top:77px;width:44px;height:150px;background:#b65a3b;transform:skewY(-65deg);transform-origin:top left}.pouchArt{position:absolute;right:10%;top:116px;width:188px;height:283px;background:#f9f5d9;transform:rotate(10deg);clip-path:polygon(2% 0,98% 0,100% 94%,95% 100%,5% 100%,0 94%);box-shadow:0 14px 15px #0002;text-align:center;color:#325144;padding:30px 10px;border-left:9px solid #e8e4c8;border-right:7px solid #eeecd3}.pouchSeal{position:absolute;top:9px;left:8px;right:8px;border-top:5px double #bbc2a4}.pouchArt span{font-size:29px;line-height:1.1;font-weight:800;letter-spacing:-1px}.pouchArt em{font-size:5px;display:block;letter-spacing:1px;margin-top:10px;font-style:normal}.pouchFlower{font-size:85px;line-height:1.1;color:#ba4c34}.pouchArt small{font-size:5px;letter-spacing:.8px}.stickerArt{background:#dceba9;border:8px solid #f9faef;box-shadow:0 9px 18px #0002;border-radius:50%;width:133px;height:133px;position:absolute;right:12%;bottom:90px;transform:rotate(-14deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:600;line-height:1.15}.stickerArt span{font-size:25px}.artCaption{position:absolute;bottom:31px;left:35px;right:35px;border-top:1px solid #b8c0ae;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.catalog{padding:75px 5% 80px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.muted{color:var(--muted);font-size:13px}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.productImage{height:295px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.labels{background:#e7e7db}.boxes{background:#eacdc0}.pouches{background:#e3e7f0}.itemNo{position:absolute;bottom:19px;left:20px;font-size:9px;letter-spacing:1.6px}.labelSample{background:#f9f5d9;color:#2c4a37;width:140px;height:178px;padding:20px 12px;font-size:17px;text-align:center;font-weight:700;transform:rotate(-10deg);box-shadow:5px 7px 0 #fff}.labelSample span,.labelSample small{font-size:6px;display:block;margin-top:7px}.labelSample b{font-size:55px;display:block}.roundSample{position:absolute;right:12%;bottom:40px;background:#e17f58;border:7px solid #fff5e4;border-radius:50%;width:110px;height:110px;text-align:center;padding:25px 5px;transform:rotate(15deg);font-size:15px}.miniBox{width:208px;height:155px;background:#d75433;color:#fbedda;font-size:29px;font-weight:800;padding:18px;transform:rotate(-12deg) skewY(4deg);box-shadow:13px -14px 0 #eb7c4c,20px 13px 25px #5c2c2825}.miniBox span{display:block;font-size:11px;line-height:1.4;margin-top:17px}.miniPouch{background:#3d5374;color:#fff1dd;width:143px;height:210px;text-align:center;padding:28px 10px 10px;transform:rotate(9deg);border-top:10px double #bac8de;border-radius:3px 3px 14px 14px;box-shadow:10px 10px 0 #d6dce7;font-size:17px}.miniPouch span,.miniPouch small{display:block;font-size:7px;margin-top:6px}.miniPouch b{display:block;font-size:69px;color:#e9a172}.productInfo h3{margin:22px 0 8px}.productInfo p{font-size:13px;color:var(--muted);min-height:48px}.productInfo button{border-bottom:1px solid var(--ink);padding:8px 0;font-size:13px}.multiSection{margin:0 5%;padding:60px;background:#edf0df;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.multiSection p{font-size:14px;max-width:450px;color:var(--muted)}.flavorSet{display:flex;gap:12px;align-items:center;justify-content:center}.flavorSet div{width:125px;height:187px;background:#bdca76;display:flex;flex-direction:column;text-align:center;padding:30px 9px 0;font-weight:800;font-size:24px;box-shadow:3px 6px 0 #fff8}.flavorSet div:nth-child(2){background:#eaa581;transform:translateY(-22px)}.flavorSet div:nth-child(3){background:#b4a5c4}.flavorSet span{font-size:8px;margin:12px 0 15px;letter-spacing:1px}.howSection{padding:75px 5%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps span{font-size:12px;color:var(--orange)}.steps p{font-size:14px;color:var(--muted)}.demoBanner{padding:18px 5%;font-size:12px;background:#eeeae2;color:#766859}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px}.editorTop{padding:18px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.editorTop>div{display:flex;gap:16px;align-items:center}.editorTop button{padding:9px 13px;font-size:12px}.workspace{display:grid;grid-template-columns:245px minmax(350px,1fr) 240px;min-height:calc(100vh - 164px)}.configPanel,.propertiesPanel{padding:23px 20px;background:white}.configPanel{border-right:1px solid var(--line)}.propertiesPanel{border-left:1px solid var(--line)}.panelTitle{font-size:15px;margin-bottom:20px}label{display:block;font-size:12px;margin-bottom:16px}label>span{display:block;margin-bottom:7px;color:var(--muted)}input:not([type=color]):not([type=range]),select,textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:9px;background:var(--paper);color:var(--ink);font-size:12px}textarea{resize:vertical}.inputPair{display:flex;gap:10px}.inputPair label{width:50%}input[type=color]{width:100%;height:33px;border:1px solid var(--line);padding:3px;background:white}input[type=range]{width:100%;accent-color:var(--ink)}.quote{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.quote span{font-size:11px}.quote strong{display:block;font:600 32px 'Manrope',sans-serif;margin:9px 0}.quote small{font-size:11px;color:var(--muted)}.quote p,details p{font-size:10px;color:var(--muted);line-height:1.7}details{font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.canvasToolbar{background:#fafaf6;display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);align-items:center;gap:10px}.canvasToolbar button{font-size:12px;padding:9px;border:1px solid var(--line);background:white;border-radius:4px;margin-right:4px}.bgLabel{display:flex;align-items:center;gap:10px;margin:0}.bgLabel span{margin:0}.bgLabel input{width:32px}.canvasArea{min-height:520px;padding:25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f1ec;background-image:radial-gradient(#d9dbd4 .7px,transparent .7px);background-size:14px 14px}.canvasTag{font-size:10px;letter-spacing:1px;margin-bottom:22px;color:var(--muted)}#artboard{width:auto;max-width:92%;height:395px;box-shadow:0 12px 25px #21342b15;touch-action:none;user-select:none}.canvasFoot{font-size:10px;color:var(--muted);margin-top:23px}.canvasBottom{padding:15px;display:flex;justify-content:space-between;gap:10px}.canvasBottom button{border:1px solid var(--line);padding:10px;font-size:11px;border-radius:4px;background:white}.previewNote{font-size:10px;color:var(--muted);margin:0;padding:0 16px 15px}.propActions{display:flex;flex-wrap:wrap;gap:7px}.propActions button{font-size:11px;border:1px solid var(--line);padding:8px 10px;border-radius:3px}#remove{color:#ac3e26}.layersTitle{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:12px;margin-bottom:12px}.layer{display:block;width:100%;text-align:left;font-size:11px;padding:9px;border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer.active{border-color:#c2cebd;background:#eff3eb}.editorNote,#emptyProps{font-size:11px;line-height:1.8;color:var(--muted)}.editorNote{margin-top:25px}.modal{position:fixed;inset:0;background:#17261ed0;z-index:10;display:flex;align-items:center;justify-content:center;padding:25px}.modalCard{background:var(--paper);width:700px;max-width:100%;padding:35px;max-height:85vh;overflow:auto;position:relative}.close{position:absolute;right:15px;top:10px;font-size:30px}.modalCard h2{font-size:25px}.savedRow{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.savedRow img{width:65px;height:75px;object-fit:contain;background:#eee}.savedRow .rowInfo{flex:1;font-size:13px}.savedRow small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.savedRow button{font-size:12px;padding:9px;border:1px solid var(--line)}.modalCard p{font-size:13px;color:var(--muted)}.total{border-top:1px solid var(--line);padding:20px 0;font-size:20px;display:flex;justify-content:space-between}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:13px 23px;border-radius:6px;background:var(--ink);color:white;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}.showToast{opacity:1!important}@media(min-width:1450px){.heroArt .boxArt{left:13%}.heroArt .pouchArt{right:16%}}@media(max-width:1050px){.brandnote,nav{display:none}.heroCopy{padding:65px 9%}.heroArt .boxArt{left:-20px;transform:scale(.85) rotate(-9deg)}.heroArt .pouchArt{right:5%;transform:scale(.9) rotate(10deg)}.multiSection{padding:35px;gap:20px}.flavorSet div{width:100px;font-size:20px}.workspace{grid-template-columns:210px minmax(300px,1fr)}.propertiesPanel{grid-column:1/-1;border-top:1px solid var(--line);display:block}.propertiesPanel #props{display:flex;flex-wrap:wrap;gap:15px}.propertiesPanel label{max-width:180px}.propertiesPanel .inputPair{max-width:180px}.editorTop .muted{display:none}}@media(max-width:700px){header{height:74px;padding:0 5%;gap:8px}.brand{font-size:21px}.brandmark{width:29px;height:32px;font-size:20px}.brandmark span{left:14px;top:12px}.headerRight{gap:3px;font-size:10px}#savedBtn{display:none}#cartBtn{padding:8px}.hero{grid-template-columns:1fr}.heroCopy{padding:50px 6% 40px}.hero h1{font-size:50px}.heroMeta{gap:12px;margin-top:30px}.heroArt{min-height:440px}.heroArt .boxArt{top:150px;left:6%;transform:scale(.75) rotate(-9deg);transform-origin:left top}.heroArt .pouchArt{top:70px;right:10%;transform:scale(.75) rotate(10deg);transform-origin:top right}.stickerArt{bottom:55px;width:100px;height:100px;font-size:15px}.artCaption{left:22px;right:22px;font-size:6px}.catalog{padding:50px 6%}.sectionHead{display:block}h2{font-size:29px}.productGrid{grid-template-columns:1fr;gap:35px}.productImage{height:270px}.productInfo p{min-height:0}.multiSection{margin:0 6%;grid-template-columns:1fr;padding:30px 22px}.flavorSet{margin-top:25px}.flavorSet div{width:90px;height:165px;font-size:18px}.howSection{padding:45px 6%}.steps{grid-template-columns:1fr;gap:16px}footer{flex-wrap:wrap;gap:18px}.editorTop{padding:12px 8px;flex-wrap:wrap}.editorTop>div:nth-child(2){display:none}.editorTop button{padding:9px 10px}.workspace{display:flex;flex-direction:column}.configPanel{order:0;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.configPanel .panelTitle,.quote,details{grid-column:1/-1}.configPanel label{margin-bottom:12px}.configPanel .quote strong{font-size:25px}.configPanel .quote p{margin-bottom:0}.canvasPanel{order:1}.canvasArea{min-height:450px}#artboard{height:320px}.canvasToolbar{flex-wrap:wrap}.propertiesPanel{order:2}.canvasFoot{font-size:9px}.modalCard{padding:25px 18px}.savedRow{gap:9px}.savedRow button{padding:7px;font-size:10px}.previewNote{line-height:1.7}}
.previewTabs{display:flex;align-items:center;gap:6px;padding:13px 16px;border-bottom:1px solid var(--line);background:#fafaf6}.previewTabs button{font-size:12px;padding:9px 14px;border-radius:4px}.previewTabs .active{background:var(--ink);color:white}.previewTabs span{font-size:10px;color:var(--muted);margin-left:auto}.mockArea{background:#eef0eb;padding:18px 20px 24px;text-align:center;min-height:520px}.mockControls{display:flex;gap:14px;text-align:left;justify-content:center}.mockControls label{width:160px;margin-bottom:5px}.mockControls span{font-size:10px}#mockSvg{width:100%;max-height:490px;display:block;margin:auto}.mockArea p{font-size:10px;color:var(--muted);max-width:430px;margin:0 auto 15px}.mockArea>button{background:var(--ink);color:white;font-size:12px;padding:11px 20px;border-radius:4px}@media(max-width:700px){.previewTabs{flex-wrap:wrap}.previewTabs span{width:100%;margin:4px 0 0}.mockArea{padding:16px 10px}.mockControls label{width:145px}#mockSvg{min-height:300px}}
#threeStage{width:100%;height:440px;position:relative;border-radius:9px;overflow:hidden;margin:10px 0;background:#edf0eb}#threeStage canvas{width:100%;height:100%;display:block;cursor:grab}#threeStage canvas:active{cursor:grabbing}.threeTools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px 0}.threeTools button{border:1px solid #cbd1c5;background:white;padding:9px 12px;font-size:11px;border-radius:4px}.threeTools label{margin:0;display:flex;align-items:center;gap:8px;font-size:10px}.threeTools label span{margin:0;white-space:nowrap}.threeTools select{padding:7px;width:85px}.threeTools input{width:90px}.threeGesture{font-size:11px!important;margin:0 auto 13px!important;color:#3c6550!important}@media(max-width:700px){#threeStage{height:365px}.threeTools{gap:5px}.threeTools button{padding:8px}.threeTools label{margin-top:4px}}