:root{--ink:#10182b;--muted:#747987;--paper:#f7f5ef;--line:#dedbd1;--accent:#009b3a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.eyebrow{margin:0;color:#7e8190;font:500 10px 'DM Mono',monospace;letter-spacing:.14em}header{height:74px;padding:0 24px;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line)}.brand{width:154px;padding:8px 10px;border:1px solid #efd04b;border-radius:12px;background:#fff}.brand img{display:block;width:100%}header>div:nth-child(2){display:grid;gap:2px}.head-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.view,.icon{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;color:var(--muted);font-size:11px}.view.active{background:var(--ink);color:#fff;border-color:var(--ink)}.publish{border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(100deg,#ff7a32,#ed3385 45%,#235ee3);color:#fff;font-weight:800;font-size:11px}main{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 74px)}.editor{overflow:auto;padding:28px 22px;border-right:1px solid var(--line);background:#fff}.editor-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.editor h1{font-size:26px;letter-spacing:-.06em;margin:7px 0}.field{display:grid;gap:7px;margin:14px 0;color:var(--muted);font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fbfaf6;color:var(--ink);outline-color:var(--accent);resize:vertical}.block-list{display:grid;gap:6px;margin:18px 0 30px}.block-row{display:grid;grid-template-columns:18px 1fr 27px 27px;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.block-row strong{font-size:12px}.block-row button{border:0;background:transparent;color:#6f7280;font-size:13px}.drag{color:#a7a9b2}.style-panel{padding-top:23px;border-top:1px solid var(--line)}.stage{padding:22px;overflow:auto;background:radial-gradient(circle at 90% 10%,rgba(255,223,0,.13),transparent 24rem),#efeee9}.stage-bar{max-width:1180px;margin:0 auto 12px;display:flex;justify-content:space-between;color:#777b85;font-size:11px}.preview-frame{margin:auto;width:min(1180px,100%);min-height:780px;background:#fff;border:1px solid #d8d4ca;border-radius:16px;box-shadow:0 18px 70px rgba(45,45,34,.12);overflow:hidden;transition:width .25s}.preview-frame.mobile{width:390px;max-width:100%;min-height:844px}.preview-site{min-height:100%;background:#fffdf7}.preview-site nav{height:70px;padding:0 30px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ece4d4;font-size:11px}.preview-site nav img{width:130px;margin-right:auto}.preview-site nav button{border:1px solid #e3ddcf;border-radius:99px;padding:8px 12px;background:#fff;font-size:10px}.preview-site nav button b{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border-radius:50%;background:var(--accent);color:#fff}.block{margin:20px 30px}.preview-hero{min-height:340px;padding:46px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border-radius:23px;background:linear-gradient(120deg,#fff6c4,#eaf4db);overflow:hidden}.preview-hero h2{margin:12px 0 16px;font-size:clamp(37px,4.2vw,66px);line-height:.95;letter-spacing:-.07em}.preview-hero h2 em{font-style:normal;color:var(--accent)}.preview-hero p:not(.eyebrow){max-width:460px;color:#656a73;font-size:12px;line-height:1.7}.cta{margin-top:12px;border:0;border-radius:10px;padding:12px 15px;background:var(--ink);color:#fff;font-size:11px;font-weight:800}.hero-shape{justify-self:center;font-size:230px;font-weight:800;line-height:.7;color:transparent;background:linear-gradient(140deg,#009b3a,#ffdf00,#002776);background-clip:text}.preview-promo{padding:20px 24px;display:flex;justify-content:space-between;border:1px solid #e9d15b;border-radius:14px;background:#fff5ce;font-size:12px}.preview-promo span{color:#0f57c7;font-weight:800}.preview-categories{display:flex;gap:7px;overflow:auto}.preview-categories span{padding:10px 14px;border:1px solid #ddd7c8;border-radius:99px;white-space:nowrap;font-size:10px}.preview-categories span:first-child{background:var(--ink);color:#fff}.preview-catalog{padding:30px;border:1px solid #e4dfd3;border-radius:20px;background:#fff}.preview-catalog h3,.preview-story h3{margin:9px 0;font-size:29px;letter-spacing:-.06em}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-products article{min-height:120px;padding:16px;border-radius:13px;background:linear-gradient(135deg,#f0d17d,#e67e5d);font-size:10px;color:rgba(16,24,43,.6)}.mock-products article:nth-child(2){background:linear-gradient(135deg,#d7e6b2,#62a074)}.mock-products article:nth-child(3){background:linear-gradient(135deg,#ded6f5,#8870c7)}.mock-products strong,.mock-products small{display:block;margin-top:30px;color:var(--ink)}.preview-story{padding:34px;border-radius:20px;background:#15203c;color:#fff}.preview-story .eyebrow{color:#a9b4ce}.preview-story p:last-child{max-width:560px;color:#cad1df;font-size:12px;line-height:1.7}.preview-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-info span{padding:20px;border:1px solid #e4dfd3;border-radius:14px;font-size:11px;color:#6f7280}.preview-info b{color:var(--ink)}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 70px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(14,20,35,.5)}.dialog{padding:36px;text-align:center}.dialog>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 16px;border-radius:50%;background:#e1f5e9;color:#079148}.dialog h2{margin:8px 0;font-size:28px;letter-spacing:-.05em}.dialog p:not(.eyebrow){color:var(--muted);font-size:12px}@media(max-width:900px){header{padding:0 14px}.brand{width:125px}header>div:nth-child(2){display:none}.head-actions{gap:4px}.view{display:none}.publish{padding:10px}.editor{width:280px}.preview-hero{grid-template-columns:1fr;padding:30px;min-height:390px}.hero-shape{font-size:160px}.mock-products{grid-template-columns:1fr}}@media(max-width:650px){main{display:block;height:auto}.editor{width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line)}.stage{padding:12px}.preview-frame{min-height:844px}.preview-site nav{padding:0 17px}.preview-site nav span{display:none}.block{margin-inline:15px}.preview-hero{padding:26px 21px}.preview-hero h2{font-size:44px}.preview-promo{display:block}.preview-promo span{display:block;margin-top:8px}.preview-catalog{padding:23px}.preview-info{grid-template-columns:1fr}}