:root{--ink:#183432;--forest:#16443d;--forest-2:#245b50;--lime:#c5eb6b;--lime-2:#d7f59a;--mint:#eaf2e7;--paper:#f6f7f2;--white:#fff;--muted:#73817d;--line:#e6e9e1;--warm:#fff5eb;--orange:#ef9a71;--shadow:0 18px 50px rgba(20,52,48,.08);--radius:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(66,137,108,.25);outline-offset:2px}a{color:inherit;text-decoration:none}.app-header{height:68px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:19px}.brand-mark{width:31px;height:31px;border-radius:11px;background:var(--forest);display:grid;place-items:center;color:var(--lime);font-weight:900;font-size:17px;letter-spacing:-.07em;transform:rotate(-5deg)}.brand span:last-child{color:var(--forest)}.brand small{font-size:9px;letter-spacing:.12em;color:#7b8b86;display:block;font-weight:700;margin-top:-4px}.header-left{display:flex;align-items:center;gap:30px}.crumb{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.header-actions{display:flex;align-items:center;gap:16px}.saved{display:flex;align-items:center;gap:7px;color:#75827e;font-size:12px}.saved-dot{width:7px;height:7px;border-radius:50%;background:#66b88b;box-shadow:0 0 0 3px #e8f5ed}.preview-link{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;color:#31544e;font-weight:650;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f7d5bd;color:#71472e;font-size:11px;font-weight:800}
.app-shell{max-width:1500px;margin:0 auto;min-height:calc(100vh - 68px);display:grid;grid-template-columns:232px minmax(410px,1fr) 355px;gap:0;padding:0 30px}.sidebar{border-right:1px solid #e7e9e3;padding:34px 22px 30px 4px;display:flex;flex-direction:column;min-height:calc(100vh - 68px)}.side-head{margin:2px 0 28px}.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#83918c;font-weight:800}.side-head h2{font-size:15px;line-height:1.35;margin:9px 0 5px;letter-spacing:-.02em}.side-head p{font-size:11px;color:var(--muted);margin:0}.progress-bar{height:4px;background:#e6e9e1;border-radius:8px;margin:0 0 24px;overflow:hidden}.progress-fill{height:100%;width:25%;background:var(--forest);border-radius:8px;transition:width .28s ease}.step-list{display:flex;flex-direction:column;gap:6px}.step-nav{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;color:#77847f;transition:.18s}.step-nav:hover{background:#f0f2ec;color:var(--ink)}.step-nav.active{background:#e9f0e7;color:var(--forest);font-weight:750}.step-nav.completed{color:#44665b}.step-number{width:26px;height:26px;border:1px solid #dfe4dc;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:750;flex:none;background:#fff}.step-nav.active .step-number{background:var(--forest);border-color:var(--forest);color:var(--lime)}.step-nav.completed .step-number{background:var(--lime);border-color:var(--lime);color:var(--forest)}.step-label{font-size:12px}.step-sub{display:block;font-size:10px;font-weight:500;color:#89958f;margin-top:2px}.side-note{margin-top:auto;background:#edf2e9;border:1px solid #e2eade;padding:14px;border-radius:14px}.side-note-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.shield{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#dceacb;color:#3d6551}.side-note p{margin:7px 0 0;font-size:10px;line-height:1.5;color:#74817b}
.main-column{padding:37px 32px 42px;min-width:0}.content-wrap{max-width:610px;margin:0 auto}.step-kicker{display:flex;align-items:center;gap:9px;color:#789087;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px}.kicker-line{height:1px;width:22px;background:#9dbaac}.page-title{font-size:30px;line-height:1.13;letter-spacing:-.055em;margin:0 0 10px;color:#173a35}.page-intro{margin:0 0 27px;color:#75827d;font-size:13px;max-width:470px}.section-row{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 11px}.section-row h3{font-size:13px;margin:0;letter-spacing:-.015em}.section-row span{font-size:10px;color:#85918c}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:8px;text-align:left;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.template-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(27,62,56,.09)}.template-card.selected{border:2px solid var(--forest);padding:7px;box-shadow:0 0 0 3px rgba(22,68,61,.08)}.template-art{height:126px;border-radius:10px;overflow:hidden;position:relative;background:#f7ebd9}.template-art img{width:100%;height:100%;object-fit:cover;display:block}.template-art.kedai:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(29,39,29,.35))}.template-art.atelier{background:linear-gradient(135deg,#edf0e6,#e2ddd0);display:flex;align-items:center;justify-content:center}.atelier-card{width:64%;height:83%;background:#fffcf5;border-radius:7px;box-shadow:0 5px 15px rgba(64,52,34,.11);padding:8px;text-align:center;color:#3a5448}.atelier-card b{display:block;font:700 8px Georgia,serif;margin:5px}.atelier-swatch{height:55px;border-radius:5px;background:linear-gradient(135deg,#dac5a8,#f0dfc7 50%,#c3d3bc)}.atelier-card small{font-size:5px;color:#777}.template-art.pop{background:#ffc995;display:flex;align-items:center;justify-content:center}.pop-poster{width:75%;height:81%;border-radius:8px;background:#5b3dbc;color:#fff7d1;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-4deg);box-shadow:0 7px 15px rgba(62,44,109,.18)}.pop-poster strong{font-size:14px;line-height:1.08;letter-spacing:-.06em}.pop-poster em{font-size:7px;display:block;font-style:normal;letter-spacing:.1em;margin-top:6px}.template-meta{padding:10px 3px 4px}.template-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.template-title{font-size:11px;font-weight:800;color:#2a4540}.template-tag{font-size:8px;background:#eef5e6;color:#4a6d56;padding:3px 6px;border-radius:20px;white-space:nowrap}.template-desc{margin:4px 0 0;font-size:9px;color:#88938e;line-height:1.35}.selection-dot{position:absolute;top:14px;right:14px;width:19px;height:19px;border-radius:50%;background:var(--forest);border:2px solid #fff;display:grid;place-items:center;color:var(--lime);font-size:10px;opacity:0;transform:scale(.7);transition:.15s}.template-card.selected .selection-dot{opacity:1;transform:scale(1)}.starter-note{display:flex;gap:10px;align-items:flex-start;padding:14px 15px;margin-top:18px;border:1px solid #e8ece4;border-radius:13px;background:#fbfcf8}.note-icon{width:25px;height:25px;border-radius:8px;background:#edf5df;color:#55754a;display:grid;place-items:center;flex:none}.starter-note p{font-size:10px;line-height:1.5;color:#687872;margin:0}.starter-note strong{color:#2a4c43}.mini-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.benefit{border-top:1px solid var(--line);padding:12px 5px 0;display:flex;align-items:center;gap:7px;font-size:9px;color:#76847e}.benefit-icon{width:20px;height:20px;border-radius:7px;background:#e9f0e7;color:#47695b;display:grid;place-items:center;flex:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:750;color:#405c55}.field input,.field select{height:43px;border:1px solid #e2e7df;border-radius:10px;background:#fff;padding:0 12px;color:#29453f;outline:none;font-size:12px}.field input:focus,.field select:focus{border-color:#7fa891;box-shadow:0 0 0 3px rgba(71,121,94,.1)}.field input::placeholder{color:#a1aaa5}.field-hint{font-size:9px;color:#8b9691;margin-top:0}.input-with-addon{display:flex;align-items:center;border:1px solid #e2e7df;border-radius:10px;background:#fff;overflow:hidden}.input-with-addon:focus-within{border-color:#7fa891;box-shadow:0 0 0 3px rgba(71,121,94,.1)}.input-addon{height:41px;display:grid;place-items:center;padding:0 10px;background:#f3f5f0;border-right:1px solid #e6e9e2;color:#73817c;font-size:11px}.input-with-addon input{border:0;box-shadow:none!important;flex:1;min-width:0}.section-divider{height:1px;background:var(--line);margin:22px 0}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:800}.tiny-check{width:19px;height:19px;border-radius:6px;background:#eaf2e7;color:#4d735e;display:grid;place-items:center}
.product-list{display:flex;flex-direction:column;gap:10px}.product-editor{display:grid;grid-template-columns:66px minmax(100px,1fr) 88px 30px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:9px;border-radius:13px}.product-thumb{width:66px;height:62px;object-fit:cover;border-radius:9px;background:#f1ece4}.product-editor input{width:100%;height:35px;padding:0 8px;border:1px solid #e6e9e2;border-radius:8px;color:#324e47;font-size:11px}.product-editor .product-name{font-weight:750}.product-editor .price-field{position:relative}.price-field span{position:absolute;left:8px;top:9px;color:#819089;font-size:10px}.product-editor .price-field input{padding-left:25px}.remove-product{border:0;background:transparent;color:#9ca7a1;font-size:17px;border-radius:7px;width:28px;height:28px}.remove-product:hover{background:#fff1ed;color:#c46954}.add-product{margin-top:11px;background:transparent;border:1px dashed #bcc9be;color:#557363;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:750}.add-product:hover{background:#f0f4ec;border-color:#7b9a83}.inline-tip{font-size:10px;color:#7d8983;margin:10px 0 0}.payments-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.payments-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.payments-title{font-size:11px;font-weight:800}.optional-tag{font-size:8px;color:#78857f;background:#f2f4f0;border-radius:5px;padding:3px 6px}.payments-card p{margin:5px 0 12px;font-size:9px;color:#7d8983;line-height:1.45}.pay-brands{display:flex;gap:6px;flex-wrap:wrap}.pay-chip{font-size:9px;color:#4c655c;border:1px solid #e7ebe4;border-radius:7px;padding:5px 8px;background:#fafbf8}.pay-link-input{display:flex;gap:7px}.pay-link-input input{height:37px;flex:1;min-width:0;border:1px solid #e4e9e1;border-radius:8px;padding:0 10px;font-size:10px}.pay-link-input button{border:0;background:#e9f1e6;color:#426653;border-radius:8px;padding:0 11px;font-size:10px;font-weight:750}.connected-badge{font-size:9px;color:#408261;background:#eaf5ed;border-radius:20px;padding:4px 8px;display:none}.connected-badge.visible{display:block}
.publish-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.publish-card-head{display:flex;align-items:flex-start;justify-content:space-between}.publish-card h3{font-size:12px;margin:0 0 3px}.publish-card p{font-size:10px;color:#78867f;margin:0}.plan-pill{font-size:9px;background:#eef5e7;color:#52704f;padding:5px 9px;border-radius:20px;font-weight:750}.url-control{margin-top:13px;border:1px solid #e2e7df;border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fff}.url-prefix{height:40px;display:flex;align-items:center;padding:0 9px;background:#f5f6f2;border-right:1px solid #e6e9e1;color:#74827c;font-size:9px;white-space:nowrap}.url-control input{height:40px;border:0;min-width:0;flex:1;padding:0 9px;color:#31564c;font-size:10px;outline:none}.connect-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fff;padding:12px;border-radius:12px;margin-top:10px}.connect-left{display:flex;align-items:center;gap:10px;min-width:0}.connect-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e7f4e9;color:#308458;flex:none}.connect-copy strong{display:block;font-size:10px}.connect-copy small{display:block;color:#84918b;font-size:9px;margin-top:2px}.connect-button{border:1px solid #dce6dc;background:#fff;color:#466a58;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:750;white-space:nowrap}.connect-button.connected{background:#edf6eb;border-color:#dcebd6;color:#41704c}.premium-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin-top:12px;border-radius:13px;background:#f6f3e7;border:1px solid #eee8d2}.premium-row strong{font-size:10px;display:block}.premium-row small{font-size:9px;color:#78816e;display:block;margin-top:3px}.premium-btn{border:0;background:#e4edbe;color:#48613d;font-size:9px;font-weight:800;border-radius:8px;padding:8px 10px;white-space:nowrap}.publish-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.publish-button{border:0;background:var(--forest);color:#fff;border-radius:11px;padding:12px 16px;font-size:11px;font-weight:800;box-shadow:0 7px 17px rgba(22,68,61,.15)}.publish-button:hover{background:#0c362f}.publish-button:disabled{background:#90a49c;cursor:default}.publish-foot{font-size:9px;color:#86918c;margin:10px 0 0}.live-result{display:none;margin-top:16px;border:1px solid #d5e7d4;background:#f2f8ef;border-radius:14px;padding:14px}.live-result.visible{display:block;animation:slidein .25s ease}.live-result-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#386d4e}.live-url{display:block;margin-top:8px;padding:9px 10px;background:#fff;border:1px solid #e3ebdf;border-radius:8px;color:#34594c;font-size:10px;word-break:break-all}.qr-layout{display:flex;align-items:center;gap:12px;margin-top:13px}.qr-box{width:82px;height:82px;flex:none;background:#fff;border:1px solid #e3e9e1;border-radius:9px;display:grid;place-items:center;padding:8px}.qr-box svg{width:100%;height:100%}.qr-caption{font-size:9px;color:#6e7d75;line-height:1.45}.qr-caption strong{display:block;color:#38594e;font-size:10px;margin-bottom:3px}.copy-link{border:0;background:transparent;padding:0;color:#4a7860;font-size:9px;font-weight:800;margin-top:5px}.whatsapp-note{margin-top:12px;padding:10px 11px;border-radius:10px;background:#f7f8f4;color:#75817a;font-size:9px;line-height:1.45}
.footer-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:26px;padding-top:16px}.back-button{border:1px solid #e2e7df;background:#fff;border-radius:9px;padding:9px 14px;font-size:10px;color:#75827d;font-weight:750}.back-button:disabled{opacity:.45;cursor:default}.continue-button{border:0;background:var(--lime);color:#244335;border-radius:10px;padding:10px 17px;font-size:10px;font-weight:850;box-shadow:0 4px 8px rgba(117,151,66,.08)}.continue-button:hover{background:#b7e25c}.footer-progress{font-size:9px;color:#89958f}
.preview-column{padding:31px 0 30px 23px;border-left:1px solid #e7e9e3}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px}.preview-top strong{font-size:11px;letter-spacing:-.01em}.preview-live{display:flex;align-items:center;gap:5px;font-size:9px;color:#7e8c85}.preview-live i{width:6px;height:6px;border-radius:50%;background:#66b881}.device{width:100%;max-width:292px;margin:0 auto;border:7px solid #1f2826;background:#1f2826;border-radius:34px;padding:5px;box-shadow:0 17px 34px rgba(34,53,47,.16),0 2px 3px rgba(34,53,47,.08);position:relative}.device:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:72px;height:15px;background:#1f2826;border-radius:20px;z-index:2}.device-screen{background:#fff;border-radius:24px;overflow:hidden;min-height:546px;position:relative}.phone-status{height:28px;padding:7px 17px 0;display:flex;justify-content:space-between;align-items:flex-start;background:#fff;color:#1d2c28;font-size:8px;font-weight:800}.phone-store-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 10px;background:#fff;border-bottom:1px solid #f0f0eb}.phone-store-name{font-size:11px;font-weight:850;letter-spacing:-.03em;color:#263d34;max-width:174px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-menu{font-size:17px;color:#64766d;line-height:1}.phone-hero{height:155px;position:relative;background:#e9e5d9;overflow:hidden}.phone-hero img{height:100%;width:100%;object-fit:cover;display:block;transition:filter .2s}.phone-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,38,31,.64),transparent 60%)}.phone-hero-copy{position:absolute;left:14px;right:14px;bottom:13px;color:#fff}.phone-location{display:flex;align-items:center;gap:4px;font-size:7px;opacity:.88;margin-bottom:3px}.phone-tagline{font-size:14px;line-height:1.12;font-weight:850;letter-spacing:-.045em;max-width:190px}.phone-category{padding:11px 14px 5px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#77857d}.phone-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 12px 12px}.phone-product{border:1px solid #f0f0ea;border-radius:10px;overflow:hidden;background:#fff}.phone-product img{width:100%;height:83px;object-fit:cover;display:block;background:#f0eee7}.phone-product-info{padding:7px}.phone-product-name{font-size:8px;font-weight:750;color:#344840;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-product-price{font-size:8px;color:#6a7c72;margin-top:3px}.phone-order-button{margin:0 12px 12px;border:0;border-radius:9px;background:#28a868;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 24px);height:33px;font-size:9px;font-weight:800}.phone-branding{font-size:7px;text-align:center;color:#9aa49e;padding:0 0 12px}.phone-branding b{color:#697d71}.preview-caption{max-width:285px;margin:12px auto 0;font-size:9px;color:#8a9690;line-height:1.5;text-align:center}.preview-caption span{color:#536f62;font-weight:700}.preview-template-chip{display:inline-flex;align-items:center;gap:5px;background:#edf3e9;border-radius:20px;color:#557362;padding:5px 8px;font-size:8px;margin:13px auto 0}.preview-column{text-align:center}.preview-top{text-align:left}.storefront-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#1f4039;color:#fff;border-radius:10px;padding:11px 15px;font-size:11px;box-shadow:var(--shadow);transition:.2s;z-index:50}.storefront-toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,31,29,.35);display:none;align-items:center;justify-content:center;padding:18px;z-index:60}.modal-backdrop.show{display:flex}.modal{width:min(450px,100%);background:#fff;border-radius:20px;padding:22px;box-shadow:0 30px 90px rgba(10,35,29,.22);animation:slidein .18s ease}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal h2{font-size:19px;letter-spacing:-.04em;margin:0 0 5px}.modal p{font-size:11px;color:#78847e;margin:0 0 15px;line-height:1.5}.modal-close{border:0;background:#f2f4f0;border-radius:8px;width:27px;height:27px;color:#697971;font-size:16px}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-option{border:1px solid var(--line);border-radius:12px;padding:13px}.plan-option.highlight{border-color:#b8d18d;background:#f6faee}.plan-option strong{font-size:11px}.plan-option small{display:block;color:#829087;font-size:9px;margin-top:3px}.plan-option ul{list-style:none;margin:10px 0 0;padding:0;font-size:9px;color:#5d7167;line-height:1.8}.plan-option li:before{content:"✓";color:#538060;font-weight:900;margin-right:6px}.coming{display:block;margin-top:12px;font-size:9px;color:#87938d}.muted-banner{margin-top:14px;background:#f7f8f4;border-radius:10px;padding:11px;font-size:9px;color:#77857d;line-height:1.5}
@keyframes slidein{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.app-shell{grid-template-columns:210px minmax(390px,1fr) 310px;padding:0 20px}.main-column{padding-left:24px;padding-right:24px}.preview-column{padding-left:17px}.device{max-width:275px}.template-art{height:114px}}
@media(max-width:920px){.app-shell{grid-template-columns:192px minmax(0,1fr);padding:0 20px}.preview-column{display:none}.main-column{padding:34px 26px}.content-wrap{max-width:650px}.app-header{padding:0 20px}}
@media(max-width:640px){.app-header{height:60px;padding:0 15px}.crumb,.saved,.avatar{display:none}.header-left{gap:0}.preview-link{padding:8px 11px}.app-shell{display:block;padding:0 15px}.sidebar{min-height:0;border:0;padding:18px 0 0}.side-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.side-head h2{margin:0;font-size:12px}.side-head p{display:none}.side-head .eyebrow{display:none}.progress-bar{margin-bottom:9px}.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.step-nav{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;padding:7px 3px;text-align:center;border-radius:9px}.step-number{width:23px;height:23px;font-size:10px}.step-label{font-size:8px;line-height:1.15}.step-sub,.side-note{display:none}.main-column{padding:25px 0 28px}.page-title{font-size:25px}.page-intro{font-size:12px;margin-bottom:22px}.template-grid{gap:8px}.template-card{padding:6px;border-radius:12px}.template-card.selected{padding:5px}.template-art{height:91px;border-radius:8px}.template-meta{padding:8px 2px 3px}.template-title{font-size:10px}.template-tag{font-size:7px;padding:3px 5px}.template-desc{font-size:8px}.selection-dot{width:16px;height:16px;top:10px;right:10px;font-size:8px}.starter-note{padding:12px;margin-top:14px}.mini-benefits{margin-top:12px}.benefit{font-size:8px;gap:5px}.benefit-icon{width:17px;height:17px}.footer-nav{margin-top:20px}.footer-progress{font-size:8px}.form-grid{gap:12px 9px}.field input,.field select{height:41px;font-size:11px}.product-editor{grid-template-columns:55px minmax(75px,1fr) 75px 26px;gap:7px;padding:7px}.product-thumb{width:55px;height:56px}.product-editor input{font-size:10px}.price-field span{left:6px}.product-editor .price-field input{padding-left:21px}.premium-row{align-items:flex-start;flex-direction:column}.premium-btn{align-self:flex-start}.url-prefix{font-size:8px;padding:0 7px}.url-control input{font-size:9px}.publish-card{padding:13px}.modal{padding:19px}.preview-top{display:none}}


:root{--ink:#163e35;--forest:#164b3d;--forest-2:#286c56;--lime:#f5d36c;--lime-2:#ffe6a0;--mint:#d8ede0;--paper:#fcf8ec;--white:#fffef8;--muted:#6c7b6e;--line:#dedfd0;--warm:#fff1df;--orange:#e98669;--shadow:0 18px 45px rgba(25,61,48,.08);--font:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}
body{background:var(--paper);font-size:14px;color:var(--ink)}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d57353;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}.app-header{height:82px;background:rgba(252,248,236,.95);padding:0 max(32px,calc((100vw - 1440px)/2));border-bottom:1px solid #e8e4d6;backdrop-filter:blur(16px)}.header-left{gap:28px}.brand{font-size:24px;letter-spacing:-.065em;gap:10px}.brand-mark{width:39px;height:39px;flex:none;border-radius:50%;background:#f8d674;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg)}.brand-mark svg{width:28px;height:28px}.brand small{font-size:8px;letter-spacing:.14em;font-weight:700;color:#798274;margin-top:0}.crumb{font-size:11px;line-height:1.6;border-color:#dcded0;color:#6c7b6e;padding-left:27px}.header-actions{gap:18px}.saved{font-size:11px;color:#6d7e6f}.saved-dot{background:#438d68;box-shadow:0 0 0 4px #e6efdf}.preview-link{border:1.3px solid #c4cebc;background:transparent;border-radius:30px;padding:10px 17px;font-size:11px;font-weight:700;min-height:42px;color:var(--forest)}.preview-link:hover{background:#e7efdf;border-color:var(--forest)}.avatar{background:#f4d994;color:#5a5736;border:1px solid #e4c982;width:34px;height:34px}.app-shell{max-width:1440px;padding:32px;gap:30px;grid-template-columns:178px minmax(0,1fr) 370px;min-height:calc(100vh - 82px);align-items:start}.sidebar{padding:12px 0 22px;border:0;min-height:calc(100vh - 146px)}.side-head{margin:0 0 27px}.eyebrow{color:#8b9076;font-size:9px;letter-spacing:.13em}.side-head h2{font-size:17px;letter-spacing:-.035em;line-height:1.25;margin:10px 0 7px;max-width:150px}.side-head p{font-size:11px;line-height:1.65;color:#7b8473;max-width:140px}.progress-bar{height:3px;margin:0 10px 27px 0;background:#e7e5d5}.progress-fill{background:var(--forest)}.step-list{gap:9px}.step-nav{padding:11px 9px;gap:11px;border-radius:11px;min-height:57px;color:#7a846f}.step-nav:hover{background:#f1f0df}.step-nav.active{background:#e3edda;color:var(--ink)}.step-number{width:27px;height:27px;font-size:11px;background:transparent;border-color:#d4d8c6}.step-nav.active .step-number{background:var(--forest);color:#fff6d3}.step-nav.completed .step-number{background:#f6d977;border-color:#f6d977}.step-label{font-size:11px;line-height:1.3;font-weight:700}.step-sub{font-size:9px;color:#87907b;font-weight:400;margin-top:4px}.side-note{margin-top:62px;background:transparent;border:0;border-top:1px solid #dddfcd;border-radius:0;padding:18px 3px 0}.side-note-top{font-size:10px;gap:7px}.shield{width:19px;height:19px;border-radius:50%;background:#e1ebd3;color:#517047}.side-note p{font-size:10px;line-height:1.65;margin-top:9px;color:#849079}.main-column{padding:13px 0 35px;min-width:0}.content-wrap{max-width:585px;margin:0 auto}.step-kicker{font-size:9px;letter-spacing:.15em;color:#7d8d70;gap:10px;margin:0 0 17px}.kicker-line{background:#df9477;width:20px;height:2px}.page-title{font:800 36px/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.055em;color:#153e33;margin:0 0 17px;max-width:520px}.page-title .display-serif{font:italic 400 1.16em/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.065em;display:inline-block;background:linear-gradient(transparent 83%,#f4d77c 83%,#f4d77c 91%,transparent 91%);padding-right:5px}.page-intro{color:#71806d;font-size:13px;line-height:1.75;margin:0 0 28px;max-width:440px}.section-row{align-items:center;margin:0 0 13px}.section-row h3{font-size:12px;font-weight:750;letter-spacing:-.02em}.section-row span{color:#8c947e;font-size:9px}.template-grid{gap:11px}.template-card{padding:7px;background:#fffef7;border:1px solid #d9decb;border-radius:14px;overflow:visible}.template-card.selected{padding:6px;border:2px solid var(--forest);box-shadow:3px 4px 0 #bfd6ba}.template-card:hover{transform:translateY(-3px);box-shadow:3px 7px 0 rgba(173,196,153,.35)}.template-art{height:142px;border-radius:9px}.template-art.atelier{background:#e9e7d4}.atelier-card{width:74%;height:80%;border-radius:4px;box-shadow:0 7px 12px #45533418;padding:7px}.atelier-card b{font-size:8px;margin:8px 0 4px}.atelier-card small{font-size:5px}.atelier-swatch{height:56%;background:linear-gradient(130deg,#a8baa0,#eee5cb 55%,#d6b697)}.template-art.pop{background:#f3b78c}.pop-poster{background:#6650a7;width:77%;height:80%;border-radius:4px;box-shadow:4px 4px 0 #e59e70}.pop-poster strong{font-size:16px;line-height:1;letter-spacing:-.06em}.pop-poster em{font-size:6px}.template-meta{padding:12px 3px 5px}.template-title{font-size:12px;color:#254f3e;font-weight:800}.template-tag{background:transparent!important;color:#81906c!important;font-size:8px;padding:0;border-radius:0;font-weight:600}.template-desc{font-size:9px;line-height:1.6;color:#819078;margin-top:5px}.selection-dot{width:20px;height:20px;right:12px;top:12px;background:var(--forest);color:#fff9d6;font-size:10px;border:2px solid var(--white)}.starter-note{border:0;background:#e9efdd;border-radius:10px;gap:11px;padding:15px;margin-top:24px}.note-icon{background:#f5d67c;color:#38533a;width:27px;height:27px;border-radius:50%;font-size:12px}.starter-note p{font-size:10px;color:#718066;line-height:1.65}.starter-note strong{color:#36553c;font-size:11px}.mini-benefits{gap:12px;margin:17px 0 0}.benefit{border:0;padding:0;font-size:8px;line-height:1.4;color:#8c957d;gap:6px}.benefit-icon{width:17px;height:17px;background:transparent;color:#8c9a76;font-size:12px}.footer-nav{margin-top:30px;padding-top:21px;border-color:#e1e2d0;gap:10px}.back-button{border:0;background:transparent;border-radius:8px;padding:10px 6px;font-size:11px;color:#72806c;min-height:44px}.back-button:disabled{opacity:.35}.back-button:not(:disabled):hover{background:#eeeeda}.footer-progress{font-size:10px;color:#8b947c}.continue-button{background:#f5d36b;color:#173f32;border:1.5px solid #294b35;border-radius:10px;padding:12px 22px;min-height:45px;font-size:11px;font-weight:800;box-shadow:3px 3px 0 #294b35}.continue-button:hover{background:#ffe08a;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #294b35}.continue-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #294b35}.form-grid{gap:18px 14px}.field{gap:8px}.field label{font-size:11px;color:#3e5f46;font-weight:700}.field input,.field select{height:46px;border:1px solid #d9ddca;background:#fffef7;border-radius:9px;font-size:12px;padding:0 12px;color:#34583e}.field input:focus,.field select:focus{border-color:#598363;box-shadow:0 0 0 3px #e3edd7}.field-hint{font-size:10px;color:#8e967e}.input-with-addon{border-color:#d9ddca;background:#fffef7;border-radius:9px}.input-addon{height:44px;background:#ededdc;color:#7f8b70;border-color:#dadfcb;font-size:11px}.input-with-addon input{background:transparent}.section-divider{background:#e0e2d0;margin:28px 0}.section-title{font-size:12px;gap:9px;margin-bottom:16px}.tiny-check{background:#e1ead1;color:#5c794c}.product-list{gap:12px}.product-editor{grid-template-columns:66px minmax(90px,1fr) 83px 28px;background:transparent;border:0;border-bottom:1px solid #e2e3d1;padding:0 0 12px;border-radius:0;gap:10px}.product-thumb{height:66px;border-radius:9px}.product-editor input{height:39px;border-color:#d9ddca;background:#fffef7;border-radius:7px;font-size:11px}.price-field span{top:11px}.remove-product{min-height:35px;color:#9ca88d}.add-product{min-height:41px;border-color:#acb898;border-radius:8px;font-size:10px;padding:10px 15px}.add-product:hover{background:#ecf0dd;border-color:#6f8b5b}.inline-tip{font-size:10px;line-height:1.6;color:#8a957b}.payments-card{padding:0;background:transparent;border:0;border-radius:0}.payments-title{font-size:12px}.payments-card p{font-size:10px;line-height:1.65;color:#859076;margin:6px 0 14px}.optional-tag{background:#e9ebda;color:#869075}.pay-brands{gap:7px}.pay-chip{background:transparent;border:0;border-right:1px solid #d8deca;border-radius:0;padding:0 9px 0 0;font-size:9px;color:#788a6b}.pay-chip:last-child{border:0}.pay-link-input input{background:#fffef7;border-color:#d9ddca;height:42px;font-size:11px}.pay-link-input button{background:#e1ebd3;min-width:65px;font-size:10px}.publish-card{padding:0;background:transparent;border:0;border-radius:0}.publish-card h3{font-size:14px}.publish-card p{font-size:10px;line-height:1.7;color:#839076}.plan-pill{background:transparent;color:#74885b;font-size:9px;padding:4px 0}.url-control{margin-top:18px;border-color:#d9ddca;border-radius:9px;background:#fffef7}.url-prefix{height:45px;font-size:9px;background:#ecefdc;border-color:#d9ddca}.url-control input{height:45px;font-size:11px;background:transparent}.connect-row{background:transparent;border:0;border-bottom:1px solid #dfe2cf;border-radius:0;padding:16px 0;margin-top:0}.connect-icon{background:#e0ecd4;width:34px;height:34px;border-radius:9px;color:#5d8052}.connect-copy strong{font-size:11px}.connect-copy small{font-size:9px;color:#87937a;line-height:1.5}.connect-button{background:#fffef7;border-color:#ccd7ba;font-size:10px;padding:9px 11px;border-radius:8px;min-height:35px}.premium-row{background:#f5edcb;border:0;padding:15px;border-radius:10px;margin-top:19px}.premium-row strong{font-size:11px}.premium-row small{font-size:9px;line-height:1.6;color:#8b8e6d}.premium-btn{background:#e8dda6;color:#5b653f;padding:9px 12px;min-height:35px}.publish-actions{margin-top:22px}.publish-button{background:var(--forest);color:#fff9df;border:1px solid #123e30;box-shadow:3px 3px 0 #153d2e;border-radius:10px;min-height:46px;padding:12px 20px;font-size:11px}.publish-button:hover{background:#24634c;transform:translateY(-1px)}.publish-foot{font-size:9px;color:#8e987d}.live-result{border-color:#c5d8b5;background:#edf3dd;border-radius:12px}.whatsapp-note{background:transparent;border-left:2px solid #d5dfc0;border-radius:0;padding:4px 0 4px 12px;color:#89967b;font-size:9px;line-height:1.7}
.preview-column{border:1px solid #9ebb9f;padding:23px 19px 20px;text-align:center;background:#cde6d6;border-radius:24px;box-shadow:4px 5px 0 #2b5541;position:sticky;top:106px;align-self:start;isolation:isolate;overflow:hidden}.preview-column:before{content:"";position:absolute;width:235px;height:235px;border-radius:50%;background:#f3d573;opacity:.5;right:-85px;top:105px;z-index:-1}.preview-column:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #a9cdb3;border-radius:50%;left:-85px;bottom:80px;z-index:-1}.preview-top{padding:0 3px 20px;gap:10px;align-items:center}.preview-top strong{font-size:11px;font-weight:800;color:#335b43}.preview-live{font-size:8px;color:#66836a;gap:5px}.preview-live i{background:#3c9160}.device{max-width:306px;padding:4px;border-width:6px;border-color:#1b3f32;background:#1b3f32;border-radius:32px;box-shadow:0 17px 32px #26563c30,0 3px 0 #1c3b2c}.device:before{background:#1b3f32;top:7px;width:67px;height:14px}.device-screen{border-radius:23px;min-height:564px;background:#fffef8}.phone-status,.phone-store-header{background:#fffef8}.phone-status{padding:7px 16px 0;font-size:8px}.phone-store-header{padding:10px 14px 12px;border-bottom:1px solid #e9eadc}.phone-store-name{color:#214c38;font-size:12px;font-weight:850}.phone-menu{color:#7f967d}.phone-hero{height:175px}.phone-hero-overlay{background:linear-gradient(0deg,#183e30b8,transparent 75%)}.phone-tagline{font-size:17px;letter-spacing:-.04em;line-height:1.12;max-width:215px}.phone-location{font-size:7px;margin-bottom:5px}.phone-category{padding:15px 14px 7px;font-size:7px;letter-spacing:.14em;color:#8e967c}.phone-product-grid{gap:9px;padding:5px 12px 15px}.phone-product{border-color:#e5e8d9;border-radius:9px;background:#fffef8}.phone-product img{height:92px}.phone-product-info{padding:9px 7px}.phone-product-name{font-size:8px;color:#3c5f43}.phone-product-price{font-size:8px;color:#91a080;margin-top:4px}.phone-order-button{background:#267e50;border:1px solid #247249;border-radius:8px;font-size:9px;height:36px;margin-bottom:14px}.phone-branding{font-size:7px;color:#a5ac96;padding-bottom:14px}.phone-branding b{color:#829175}.preview-template-chip{margin-top:18px;background:transparent;border-radius:0;padding:0;color:#759570;font-size:8px;letter-spacing:.04em}.preview-caption{max-width:278px;color:#6a896b;font-size:9px;line-height:1.65;margin:9px auto 0}.preview-caption span{color:#476e4e}.preview-close{display:none}.preview-backdrop{display:none}.modal-backdrop{background:#153e3559;backdrop-filter:blur(3px)}.modal{background:#fffdf3;border:1px solid #c9d6b9;border-radius:18px}.modal h2{font-size:24px;color:#204d38}.modal p{color:#839276;font-size:12px;line-height:1.7}.modal-close{background:#eaf0dc;min-width:34px;min-height:34px}.plan-option{border-color:#dce3ca;background:#fffef7}.plan-option.highlight{background:#edf3db;border-color:#c1d49d}.muted-banner{background:#f0f1df;color:#7c8e6c;font-size:10px;line-height:1.6}.storefront-toast{background:#1e503c;color:#fff7d9;border-radius:10px;font-size:12px;padding:13px 18px}
@media(min-width:1441px){.app-header{padding-right:calc((100vw - 1376px)/2);padding-left:calc((100vw - 1376px)/2)}}
@media(min-width:921px) and (max-width:1200px){.app-shell{padding:25px;gap:23px;grid-template-columns:155px minmax(0,1fr) 320px}.sidebar{padding-top:10px}.page-title{font-size:32px}.preview-column{padding:20px 15px}.device{max-width:280px}.device-screen{min-height:536px}.phone-hero{height:160px}.phone-product img{height:82px}.preview-top{padding-bottom:17px}.preview-live{font-size:7px}.template-art{height:118px}.template-meta{padding-left:1px;padding-right:1px}.template-title{font-size:11px}.template-tag{font-size:7px}.template-desc{font-size:8px}.header-left{gap:20px}.crumb{padding-left:20px}}
@media(max-width:920px){.app-header{height:72px;padding:0 25px}.app-shell{display:block;padding:27px 25px 0;max-width:720px;min-height:calc(100vh - 72px)}.sidebar{display:block;min-height:0;padding:0;border:0}.side-head{display:none}.progress-bar{margin:0 0 13px;height:3px}.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:28px}.step-nav{flex-direction:row;justify-content:center;gap:8px;padding:8px 5px;min-height:44px;text-align:left}.step-number{width:24px;height:24px;flex:none;font-size:10px}.step-label{font-size:10px}.step-sub{display:none}.side-note{display:none}.main-column{padding:6px 0 24px}.content-wrap{max-width:none}.page-title{font-size:38px;max-width:540px}.page-intro{font-size:14px;max-width:480px}.template-art{height:166px}.template-meta{padding:13px 5px 6px}.template-title{font-size:13px}.template-desc{font-size:10px}.template-tag{font-size:9px}.section-row h3{font-size:13px}.section-row span{font-size:10px}.preview-column{display:none;position:fixed;inset:24px 20px 24px;margin:0 auto;max-width:390px;top:24px;padding:24px 20px;z-index:51;overflow:auto;max-height:calc(100dvh - 48px);border-radius:22px;box-shadow:5px 6px 0 #254e3c}.preview-column.preview-open{display:block}.preview-column.preview-open:after{display:none}.preview-close{display:grid;place-items:center;position:absolute;right:13px;top:11px;width:35px;height:35px;background:#edf5e4;border:1px solid #9ebc96;color:#3e6448;border-radius:50%;font-size:22px;line-height:1;z-index:2}.preview-top{display:flex;padding:3px 35px 20px 0;text-align:left}.preview-top strong{font-size:11px}.preview-live{font-size:7px}.preview-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#103d3280;backdrop-filter:blur(4px);z-index:50}body.preview-is-open{overflow:hidden}.preview-column .device{max-width:290px}.preview-column .device-screen{min-height:540px}.preview-column .phone-hero{height:161px}.preview-column .phone-product img{height:85px}.preview-column .preview-top{display:flex}.preview-column .preview-caption{font-size:9px}.header-actions{gap:12px}.saved{display:none}.crumb{display:none}.footer-nav{margin-top:30px}.starter-note p{font-size:11px}.starter-note strong{font-size:12px}.benefit{font-size:9px}.form-grid{gap:18px 15px}}
@media(max-width:640px){.app-header{height:68px;padding:0 19px}.brand{font-size:22px;gap:9px}.brand-mark{width:35px;height:35px}.brand-mark svg{width:26px;height:26px}.brand small{font-size:7px}.header-actions{gap:0}.avatar{display:none}.preview-link{font-size:10px;min-height:38px;padding:9px 13px;background:#e7efdc;border-color:#b5c8a5}.app-shell{padding:21px 19px 0;min-height:calc(100vh - 68px)}.step-list{gap:3px;margin-bottom:25px}.step-nav{flex-direction:column;padding:7px 2px 9px;gap:6px;text-align:center;border-radius:9px;min-height:64px}.step-label{font-size:9px;line-height:1.3}.step-number{width:23px;height:23px}.progress-bar{margin-bottom:10px}.main-column{padding-top:0;padding-bottom:0}.step-kicker{font-size:8px;margin-bottom:14px;letter-spacing:.12em}.page-title{font-size:34px;line-height:1.06;letter-spacing:-.055em;margin-bottom:16px;max-width:360px}.page-title .display-serif{font-size:1.13em}.page-intro{font-size:12px;line-height:1.8;margin-bottom:25px;max-width:345px}.section-row{gap:10px;margin-bottom:12px}.section-row h3{font-size:11px}.section-row span{font-size:8px;white-space:nowrap}.template-grid{gap:8px}.template-card{padding:5px;border-radius:11px}.template-card.selected{padding:4px;box-shadow:2px 3px 0 #bfd6ba}.template-art{height:112px;border-radius:7px}.template-meta{padding:10px 2px 5px}.template-title{font-size:11px}.template-title-row{gap:3px;align-items:baseline}.template-tag{font-size:7px}.template-desc{font-size:8px;line-height:1.5;min-height:24px}.selection-dot{width:17px;height:17px;top:9px;right:9px;font-size:8px}.pop-poster strong{font-size:13px}.pop-poster em{font-size:5px}.atelier-card{padding:5px;width:76%}.atelier-card b{font-size:6px;margin:6px 0 2px}.atelier-card small{font-size:4px}.starter-note{padding:13px 12px;gap:10px;margin-top:22px;border-radius:9px}.note-icon{width:24px;height:24px;font-size:10px}.starter-note p{font-size:9px;line-height:1.65}.starter-note strong{font-size:10px}.mini-benefits{gap:6px;margin:14px 0 0}.benefit{font-size:7px;gap:4px;align-items:flex-start}.benefit-icon{width:13px;height:13px;font-size:10px}.footer-nav{position:sticky;bottom:0;background:rgba(252,248,236,.97);backdrop-filter:blur(12px);padding:17px 0 calc(19px + env(safe-area-inset-bottom));margin-top:25px;z-index:10}.back-button{font-size:10px;padding-left:0;min-height:44px}.continue-button{font-size:10px;padding:11px 18px;min-height:44px}.footer-progress{font-size:9px}.field input,.field select{height:46px;font-size:11px}.field label{font-size:10px}.field-hint{font-size:9px;line-height:1.5}.form-grid{gap:17px 11px}.input-addon{font-size:10px}.section-divider{margin:25px 0}.product-editor{grid-template-columns:51px minmax(65px,1fr) 73px 25px;gap:7px}.product-thumb{width:51px;height:58px}.product-editor input{height:39px;font-size:10px;padding-left:8px}.product-editor .price-field input{padding-left:23px}.price-field span{left:7px;font-size:9px;top:12px}.remove-product{width:25px;font-size:17px;padding:0}.payments-card p{font-size:9px}.pay-link-input input{font-size:10px}.publish-card h3{font-size:13px}.publish-card p{font-size:9px}.url-prefix{font-size:8px;padding:0 8px}.url-control input{font-size:10px}.premium-row{flex-direction:row;align-items:center;gap:10px;padding:13px}.premium-row strong{font-size:10px}.premium-row small{font-size:8px;max-width:175px}.premium-btn{align-self:center;font-size:8px;padding:9px}.connect-copy strong{font-size:10px}.connect-copy small{font-size:8px}.connect-button{font-size:9px;padding:8px 9px}.preview-column{inset:16px 14px;max-height:calc(100dvh - 32px);padding:23px 18px 20px}.preview-column .device{max-width:278px}.preview-column .device-screen{min-height:529px}.preview-column .phone-hero{height:155px}.preview-column .phone-product img{height:81px}.preview-column .phone-tagline{font-size:16px}.storefront-toast{font-size:10px;max-width:calc(100% - 30px);width:max-content;text-align:center;bottom:20px;z-index:70}.modal{padding:22px 19px}.modal h2{font-size:22px}.modal p{font-size:11px}.plan-option{padding:11px}.plan-option strong{font-size:10px}.plan-option small{font-size:8px}.plan-option ul{font-size:8px;line-height:1.9}}
@media(max-width:370px){.app-header{padding:0 14px}.app-shell{padding-right:14px;padding-left:14px}.brand{font-size:20px;gap:8px}.brand-mark{width:32px;height:32px}.preview-link{font-size:9px;padding:8px 11px}.template-art{height:95px}.template-title{font-size:10px}.template-tag{font-size:6px}.page-title{font-size:31px}.template-desc{font-size:7px}.step-label{font-size:8px}.benefit{font-size:6px}.mini-benefits{gap:5px}.premium-row{align-items:flex-start}.premium-btn{font-size:7px}.preview-column{inset:12px 10px;padding:23px 13px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.selection-dot{z-index:2}
@media(max-width:920px){.preview-close{width:44px;height:44px;right:9px;top:8px}.preview-top{padding-right:44px}}
@media(max-width:640px){.preview-link{min-height:44px}.step-label{font-size:10px}.template-desc{font-size:9px;min-height:28px}.starter-note p{font-size:10px}.starter-note strong{font-size:11px}.continue-button{font-size:11px}.field label{font-size:11px}.field input,.field select{font-size:12px}.connect-button,.premium-btn{min-height:44px}}
@media(max-width:370px){.step-label{font-size:9px}.template-desc{font-size:8px}}