:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#493941;background:#f9f2f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 95% 2%,#f4c9d6 0 8%,transparent 25%),#f9f2f1}button,input{font:inherit}.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fffcfacc;border-bottom:1px solid #eadde0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0;z-index:3}.brand{font:700 24px Georgia,serif}.brand span{color:#d04c81;font-style:italic;font-weight:500}.pwa-badge{font-size:10px;letter-spacing:.14em;color:#a64d73}.hero{max-width:1320px;margin:auto;padding:46px 32px 32px;display:flex;align-items:end;justify-content:space-between;gap:40px}.hero p{color:#bd4d78;font-size:11px;letter-spacing:.18em;font-weight:800}.hero h1{font:500 clamp(38px,4.6vw,67px)/1.02 Georgia,serif;letter-spacing:-2px;margin:12px 0 0;max-width:780px}.hero h1 em{color:#c9527e}.hero>span{max-width:330px;color:#856f78;line-height:1.65}.workspace{max-width:1320px;margin:auto;padding:0 32px 56px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,.9fr);gap:26px;align-items:start}.panel{background:#fffdfbf5;border:1px solid #eadde0;border-radius:27px;box-shadow:0 22px 55px #5b364414}.editor{padding:32px}.preview{padding:27px;position:sticky;top:92px}.step{display:flex;align-items:center;gap:13px}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4dce4;color:#be4f79;font-family:Georgia,serif}.step h2{font:700 22px Georgia,serif;margin:0}.step small,.preview-head small{display:block;color:#937d85;margin-top:3px}label{display:block;font-size:12px;font-weight:700;color:#66515a;margin-top:16px}input{display:block;width:100%;height:47px;border:1px solid #e7d9dd;border-radius:12px;padding:0 14px;margin-top:7px;background:#fff;color:#493941;outline:none}input:focus{border-color:#d04c81;box-shadow:0 0 0 3px #d04c811a}.link-row{display:flex;gap:9px}.link-row input{flex:1}.link-row button{height:47px;margin-top:7px;padding:0 22px;border:0;border-radius:12px;background:#493941;color:#fff;font-weight:800}.link-row button:disabled{opacity:.6}.status{font-size:11px;color:#8c7580;margin:9px 2px 0}.grid2,.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload{height:47px;display:flex;align-items:center;justify-content:center;border:1px dashed #d8bbc6;border-radius:12px;color:#bd4d78;background:#fff7f9;cursor:pointer}.upload input{display:none}hr{border:0;border-top:1px solid #eadde0;margin:29px 0}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.formats button{min-height:66px;border:1px solid #eadde0;border-radius:13px;background:#fff;color:#493941;font-weight:800}.formats small{display:block;margin-top:4px;font-size:9px;color:#947e87}.formats .active{border-color:#d04c81;color:#c24777;background:#fff2f6;box-shadow:inset 0 0 0 1px #d04c81}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.preview-head b{font-size:11px;letter-spacing:.13em}.preview-head span{font-size:9px;letter-spacing:.1em;color:#607759;background:#edf4eb;padding:6px 9px;border-radius:20px}.canvas-frame{height:590px;display:flex;align-items:center;justify-content:center;background:#eee1e4;border-radius:18px;padding:20px;overflow:hidden}.canvas-frame canvas{display:block;max-width:100%;max-height:550px;width:auto;height:auto;box-shadow:0 17px 40px #49394133}.canvas-frame.feed canvas{aspect-ratio:1}.canvas-frame.story canvas{aspect-ratio:9/16}.canvas-frame.whatsapp canvas{aspect-ratio:4/5}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.actions button,.copy{height:47px;border-radius:12px;border:1px solid #e4d5da;background:#fff;color:#493941;font-weight:800;cursor:pointer}.actions .primary{background:#d04c81;border-color:#d04c81;color:#fff}.copy{width:100%;margin-top:9px;color:#607759;background:#f4f8f2;border-color:#d5e1d1}@media(max-width:900px){.hero{display:block}.hero>span{display:block;margin-top:18px}.workspace{grid-template-columns:1fr}.preview{position:static}}@media(max-width:560px){.topbar{padding:0 16px}.hero,.workspace{padding-left:16px;padding-right:16px}.hero{padding-top:28px}.hero h1{letter-spacing:-1px}.editor,.preview{padding:21px;border-radius:21px}.grid2,.upload-grid,.formats{grid-template-columns:1fr}.link-row{display:block}.link-row button{width:100%}.canvas-frame{height:520px}}