*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172033;font-family:Arial,sans-serif}header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #dce4ef}.nav{max-width:1500px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:950;color:#1558d6;text-decoration:none}.brand span{color:#111}.nav span{font-size:9px;color:#738096;font-weight:900}.hero{text-align:center;padding:34px 15px 22px}.eyebrow{font-size:9px;letter-spacing:2px;color:#1558d6;font-weight:900}.hero h1{font-size:clamp(31px,5vw,52px);margin:7px 0}.hero p{max-width:850px;margin:auto;color:#69768a;font-size:14px;line-height:1.75}.badges{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px}.badges span{background:#fff;border:1px solid #dce4ef;border-radius:99px;padding:8px 11px;font-size:9px}.workspace{max-width:1500px;margin:14px auto;display:grid;grid-template-columns:420px 1fr;gap:14px;align-items:start}.controls,.preview,.seo{background:#fff;border:1px solid #dce4ef;border-radius:17px;box-shadow:0 12px 35px #122a4c0d}.controls{padding:15px;position:sticky;top:62px;max-height:calc(100vh - 75px);overflow:auto}.titlebar,.previewHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.controls h2,.preview h2,.seo h2{font-size:16px;margin:0}.titlebar small{font-size:8px;color:#8792a4}.categories{display:flex;gap:5px;overflow:auto;padding:10px 0}.cat{border:1px solid #dce4ef;background:#f8fafc;border-radius:99px;padding:7px 9px;font-size:8px;white-space:nowrap;cursor:pointer}.cat.active{background:#1558d6;color:#fff;border-color:#1558d6}.templates{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.template{height:90px;border:2px solid transparent;border-radius:10px;padding:7px;cursor:pointer;position:relative;overflow:hidden}.template.active{border-color:#1558d6;box-shadow:0 0 0 2px #dceaff}.template strong{font-size:9px;display:block}.template small{font-size:7px;opacity:.7}.mini{position:absolute;right:7px;bottom:5px;font-size:28px;opacity:.2}.block{border-top:1px solid #e4e9f0;padding:14px 0 2px;margin-top:12px}.block h2{margin-bottom:9px}.block label{display:block;font-size:9px;font-weight:900;color:#556277;margin:8px 0}.block input[type=text],.block input[type=number],.block input[type=file],.block select{width:100%;height:38px;border:1px solid #d3ddeb;border-radius:8px;padding:7px;font-size:10px;background:#fff}.block input[type=color]{width:100%;height:38px;border:1px solid #d3ddeb;border-radius:8px;padding:3px}.two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.block input[type=range]{width:100%;margin-top:7px}.styleButtons{display:flex;gap:5px;margin:9px 0}.toggle{flex:1;border:1px solid #d7dfeb;background:#fff;border-radius:8px;padding:9px;font-size:9px;font-weight:900;cursor:pointer}.toggle.active{background:#1558d6;color:#fff}.graphics{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.graphic{height:42px;border:1px solid #d7dfeb;background:#f8fafc;border-radius:8px;font-size:20px;cursor:pointer}.graphic.active{border:2px solid #1558d6;background:#eef5ff}.wide,.format,.shareRow button,.shareBtn{border:1px solid #d7dfeb;background:#fff;color:#46546a;border-radius:8px;padding:9px;font-size:8px;font-weight:900;cursor:pointer}.wide{width:100%;margin-top:6px}.formats{display:flex;gap:5px}.format{flex:1}.format.active{background:#1558d6;color:#fff;border-color:#1558d6}.primary{background:linear-gradient(135deg,#1558d6,#397bea);color:#fff;border:0}.preview{padding:15px}.previewHead p{font-size:9px;color:#8792a4;margin:4px 0}.shareBtn{padding:10px 13px}.canvasBox{width:min(100%,780px);margin:14px auto 10px;background:#e8edf4;border-radius:13px;padding:10px}.canvasBox canvas{display:block;width:100%;height:auto;box-shadow:0 10px 25px #0002}.shareRow{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.seo{max-width:1500px;margin:14px auto;padding:22px}.seo h3{font-size:15px;margin-top:23px}.seo p{font-size:11px;color:#637085;line-height:1.9}footer{max-width:1500px;margin:auto;padding:20px 16px 40px;display:flex;justify-content:space-between;color:#788497;font-size:9px}#toast{position:fixed;right:15px;bottom:15px;background:#142039;color:#fff;padding:11px 14px;border-radius:9px;font-size:10px;opacity:0;transform:translateY(8px);transition:.2s;z-index:50}.show{opacity:1!important;transform:none!important}@media(max-width:950px){.workspace{grid-template-columns:1fr}.controls{position:relative;top:auto;max-height:none}.preview{order:-1}.templates{grid-template-columns:repeat(5,1fr)}}@media(max-width:650px){.nav{padding:10px 12px}.brand{font-size:18px}.nav span{font-size:7px}.hero{padding:25px 10px 17px}.hero h1{font-size:32px}.hero p{font-size:12px}.workspace{margin:7px}.controls,.preview{padding:12px;border-radius:14px}.templates{grid-template-columns:repeat(2,1fr)}.template{height:86px}.seo{margin:7px;padding:14px;border-radius:14px}footer{display:block;text-align:center}footer span{display:block;margin-top:6px}}