@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#101828;--muted:#667085;--blue:#2563eb;--line:#e4e8ef;--surface:#fff;--bg:#f6f8fb}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--ink);background:var(--bg);font-family:DM Sans,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.builder-shell,.preview-shell{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.07),transparent 26%),var(--bg)}.preview-header,.topbar{height:74px;justify-content:space-between;padding:0 max(32px,calc((100vw - 1360px)/2));background:rgba(255,255,255,.88);border-bottom:1px solid rgba(228,232,239,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.preview-header,.topbar{display:flex;align-items:center}.brand{gap:9px;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.3px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4779f6,#174fd0);border-radius:10px;box-shadow:0 7px 16px rgba(37,99,235,.25)}.brand-muted{color:#8b95a5;font-weight:600;margin-left:-4px}.internal-pill{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#586273;border:1px solid var(--line);border-radius:20px;padding:7px 12px;background:#fff}.internal-pill i{width:6px;height:6px;background:#20b26b;border-radius:50%;box-shadow:0 0 0 3px #d9f6e8}.builder-hero{max-width:1360px;margin:auto;padding:70px 32px 54px;display:grid;grid-template-columns:.88fr 1.12fr;grid-gap:90px;gap:90px;align-items:start}.hero-copy{padding:35px 0 0 18px}.eyebrow,.preview-kicker,.rewarded-label{color:#2257cf;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:11px;display:flex;align-items:center;gap:7px}.hero-copy h1{font:800 clamp(42px,4.15vw,67px)/1.05 Manrope,sans-serif;letter-spacing:-3.4px;margin:21px 0 22px;max-width:620px}.hero-copy h1 span{color:#2563eb}.hero-copy>p{color:#667085;font-size:18px;line-height:1.65;max-width:580px;margin:0}.flow-list{margin-top:38px;display:grid;grid-gap:19px;gap:19px}.flow-list>div{display:flex;align-items:center;gap:17px}.flow-list b{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d6deed;border-radius:12px;background:#fff;color:#2563eb;font-size:11px;box-shadow:0 4px 12px rgba(19,38,76,.05)}.flow-list span{display:flex;flex-direction:column;gap:2px}.flow-list strong{font-size:14px}.flow-list small{font-size:12.5px;color:#7d8795}.experience-card{margin-top:36px;padding:17px 19px;display:flex;align-items:center;gap:18px;border:1px solid #dfe5ef;background:rgba(255,255,255,.72);border-radius:18px;max-width:460px}.experience-card p{color:#758092;font-size:12px;line-height:1.6;margin:0}.experience-card strong{color:#344054;font-size:13px}.mini-browser{width:132px;height:80px;background:#fff;border:1px solid #d9dfeb;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(35,51,84,.1);flex:none}.mini-bar{height:13px;background:#f3f5f8;padding:4px;display:flex;gap:2px}.mini-bar i{width:3px;height:3px;border-radius:50%;background:#c3c8d0}.mini-page{position:relative;padding:9px;background:#ecf1f9;height:67px}.mini-page>span{display:block;width:48%;height:3px;background:#cbd3df;margin-bottom:4px}.mini-modal{position:absolute;inset:8px 28px;background:#fff;border-radius:5px;padding:4px;display:flex;align-items:center;flex-direction:column;color:#4779f6;box-shadow:0 3px 9px #9aa8bd}.mini-modal i{width:23px;height:2px;background:#dce1e9;margin:2px}.mini-modal button{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:#2563eb}.builder-card{background:#fff;border:1px solid #e2e7ef;border-radius:24px;box-shadow:0 26px 70px rgba(34,51,84,.11);padding:31px 33px}.card-heading{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid #edf0f4;margin-bottom:24px}.step-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#2563eb;font-weight:800;box-shadow:0 8px 18px rgba(37,99,235,.24)}.card-heading h2{font:800 20px Manrope;margin:0 0 4px;letter-spacing:-.5px}.card-heading p{margin:0;color:#8a94a4;font-size:12.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 18px;gap:20px 18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-wide{grid-column:1/-1}.field>span,.mode-field legend{font-size:12px;font-weight:700;color:#344054}.field em{font-style:normal;font-weight:500;color:#9aa3b2;margin-left:5px}.field input{width:100%;height:44px;border:1px solid #dce2ea;border-radius:10px;padding:0 13px;outline:none;color:#263245;background:#fff;transition:.2s}.field input::placeholder{color:#b1b8c4}.field input:focus{border-color:#6791f5;box-shadow:0 0 0 3px rgba(37,99,235,.09)}.field input[aria-invalid=true]{border-color:#ef6c6c}.field small{margin-top:-3px;color:#929bab;font-size:10.5px}.field small.error{color:#d83939}.color-field>div{display:flex;position:relative}.color-field input[type=color]{position:absolute;width:31px;height:31px;padding:2px;border:0;left:7px;top:6px;border-radius:8px}.color-field input:not([type=color]){padding-left:47px;font-family:monospace;font-size:13px}.mode-field{border:0;padding:0;margin:0}.segmented{height:44px;border:1px solid #dde2ea;border-radius:10px;padding:3px;display:flex;background:#f7f8fa}.segmented button{border:0;background:transparent;border-radius:7px;flex:1 1;display:flex;align-items:center;justify-content:center;gap:7px;color:#7a8494;font-size:12px;font-weight:700}.segmented button[aria-pressed=true]{background:#fff;color:#2257cf;box-shadow:0 2px 7px rgba(31,48,76,.1)}.form-actions{border-top:1px solid #edf0f4;margin-top:27px;padding-top:23px;display:flex;align-items:center;justify-content:flex-end;gap:11px}.back-button,.export-buttons button,.form-actions button{height:42px;border-radius:10px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;text-decoration:none}.secondary-button{border:1px solid #dce2e9;background:#fff;color:#596375}.primary-button{border:0;background:#2563eb;color:#fff;padding:0 22px!important;box-shadow:0 9px 20px rgba(37,99,235,.23)}.builder-footer{max-width:1360px;margin:auto;border-top:1px solid #e2e6ed;padding:24px 32px 34px;display:flex;justify-content:space-between;color:#98a1af;font-size:11px}.builder-footer span:first-child{font-weight:700;color:#697386}.preview-header{position:relative;z-index:20}.export-buttons,.preview-actions{display:flex;align-items:center;gap:8px}.back-button,.export-buttons button{border:1px solid #dce2ea;background:#fff;color:#4f5a6b}.back-button:hover,.export-buttons button:hover{border-color:#b9c5d7}.export-buttons button:last-child{color:#1f5bd8}.export-buttons button.copied{color:#169355;border-color:#bce6ce;background:#f2fbf6}.export-buttons button:disabled{opacity:.6;cursor:wait}.preview-heading{max-width:1280px;margin:auto;padding:34px 40px 25px;display:flex;align-items:flex-end;justify-content:space-between}.preview-heading h1{font:800 29px Manrope;margin:7px 0 4px;letter-spacing:-1px}.preview-heading p{font-size:13px;color:#7d8797;margin:0}.preview-meta{display:flex;gap:8px}.preview-meta>span{height:31px;padding:0 10px;background:#fff;border:1px solid #e0e5ed;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#596476;text-transform:capitalize}.capture-status i{width:6px;height:6px;border-radius:50%;background:#19ad68}.capture-status.loading i{background:#f5a524;animation:pulse 1s infinite}.capture-status.fallback i{background:#718096}.preview-stage{max-width:1280px;margin:0 auto;padding:0 40px 30px;display:flex;justify-content:center;align-items:flex-start}.preview-stage.mobile{padding-top:5px;padding-bottom:35px}.browser-frame{background:#fff;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(23,37,63,.18);border:1px solid #ced5df}.browser-frame.desktop{width:1200px;height:800px;border-radius:16px}.browser-frame.mobile{width:390px;height:844px;border-radius:44px;border:9px solid #111827;box-shadow:0 35px 80px rgba(16,24,40,.25)}.browser-chrome{height:52px;background:#f1f3f6;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;border-bottom:1px solid #dce1e8;padding:0 16px}.traffic-lights{display:flex;gap:7px}.traffic-lights i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.address-bar{height:31px;border:1px solid #d9dee6;border-radius:8px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#667085;font-size:11px;white-space:nowrap;overflow:hidden}.address-bar span{font-size:14px;color:#98a1af}.browser-menu{text-align:right;color:#7f8998;letter-spacing:2px}.browser-viewport{position:absolute;inset:52px 0 0;overflow:hidden;background:#fff}.phone-top{height:34px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;font-weight:700;position:relative;z-index:10}.dynamic-island{position:absolute;width:102px;height:24px;background:#080a0d;border-radius:15px;left:50%;top:5px;transform:translateX(-50%)}.browser-frame.mobile .browser-viewport{inset:34px 0 20px}.home-indicator{position:absolute;z-index:20;bottom:0;left:0;right:0;height:20px;background:#fff;display:grid;place-items:center}.home-indicator i{width:120px;height:4px;background:#161b22;border-radius:5px}.website-layer{position:absolute;inset:0;transition:filter .5s ease,transform .5s ease}.website-layer.is-blurred{filter:blur(6px);transform:scale(1.018)}.site-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center}.fallback-site{height:100%;background:#fdfbf7;color:#18202b;overflow:hidden}.fallback-site header{height:66px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #e9e4dc;gap:50px;background:#fffefa}.fallback-site header strong{text-transform:capitalize;font:800 20px Manrope}.fallback-site header strong i{color:#f05c43}.fallback-site nav{display:flex;gap:27px;font-size:11px;color:#56606d;flex:1 1}.fallback-site header button{border:0;background:#111827;color:#fff;border-radius:3px;padding:8px 15px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.fallback-hero{height:46%;display:grid;grid-template-columns:1fr 1.1fr;grid-gap:5%;gap:5%;padding:4.5% 5%;align-items:center}.article-grid small,.fallback-hero .category{color:#e9563f;text-transform:uppercase;font-size:9px;letter-spacing:1.4px;font-weight:700}.fallback-hero h2{font:800 38px/1.04 Manrope;margin:12px 0;letter-spacing:-1.8px;max-width:430px}.fallback-hero p{font-size:13px;color:#6b7280;line-height:1.6;max-width:390px}.fallback-hero small{font-size:9px;color:#89909a}.hero-visual{height:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,#2357d3,#6e90e7);display:flex;align-items:flex-end;padding:25px;color:#fff}.hero-visual:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#ef6a50;right:-10%;top:-18%;box-shadow:-125px 100px 0 -55px #f4cb5f}.hero-visual i{position:absolute;width:60%;height:1px;background:rgba(255,255,255,.25);transform:rotate(-30deg);left:10%;top:40%}.hero-visual i:nth-child(2){top:58%}.hero-visual span{position:relative;font:800 30px/1.05 Manrope;letter-spacing:-1px}.article-grid{display:grid;grid-template-columns:1fr 1fr .8fr;grid-gap:3%;gap:3%;padding:2% 5%;background:#fffefa}.article-grid article{display:grid;grid-template-columns:90px 1fr;grid-column-gap:14px;column-gap:14px}.article-image{grid-row:1/5;width:90px;height:75px}.article-image.coral{background:linear-gradient(135deg,#fccbc3,#ed654d)}.article-image.blue{background:linear-gradient(135deg,#b8cff8,#3869d6)}.article-grid h3{font:700 14px/1.3 Manrope;margin:5px 0}.article-grid p{font-size:9px;color:#78818d;margin:0}.article-grid aside{border-left:1px solid #e5e0d9;padding-left:20px}.article-grid ol{list-style:none;padding:0;margin:8px 0}.article-grid li{font-size:9px;border-top:1px solid #ebe7e0;padding:7px 0}.article-grid li b{color:#b1a99f;margin-right:8px}.rewarded-shade{position:absolute;inset:0;background:rgba(15,23,42,.44);display:grid;place-items:center;padding:24px;z-index:3}.rewarded-popup{width:min(440px,90%);background:rgba(255,255,255,.97);border-radius:24px;text-align:center;padding:34px 38px 27px;box-shadow:0 28px 70px rgba(7,16,35,.32);position:relative;overflow:hidden;animation:modalIn .45s cubic-bezier(.22,1,.36,1)}.rewarded-accent{position:absolute;left:0;right:0;top:0;height:4px}.logo-wrap{height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.logo-wrap img{max-width:150px;max-height:54px;object-fit:contain}.logo-wrap>span{display:none;width:48px;height:48px;border-radius:14px;background:#edf3ff;color:#2563eb;place-items:center}.logo-wrap>span.show{display:grid}.rewarded-label{justify-content:center}.rewarded-popup h2{font:800 26px/1.15 Manrope;margin:13px 0 9px;letter-spacing:-.8px}.rewarded-popup p{font-size:14px;line-height:1.55;color:#667085;margin:0 auto 23px;max-width:350px}.rewarded-popup button{height:48px;border:0;border-radius:11px;color:#fff;font-weight:800;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px rgba(37,99,235,.24)}.rewarded-popup>small{display:block;margin-top:14px;color:#9aa3b0;font-size:10px}.ad-overlay{position:absolute;inset:0;z-index:8;background:linear-gradient(135deg,#071022,#111c37 55%,#0b1530);color:#fff;overflow:hidden;animation:fadeIn .35s ease}.ad-topline{height:65px;padding:0 22px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.ad-label,.ad-topline{display:flex;align-items:center}.ad-label{gap:8px;text-transform:uppercase;letter-spacing:1.8px;font-size:9px;font-weight:800;color:#bdc7da}.ad-label i{width:7px;height:7px;border:1px solid #9eb5ed;border-radius:50%}.ad-controls{gap:12px}.ad-controls,.countdown{display:flex;align-items:center}.countdown{gap:10px;color:#aeb9cc;font-size:10px;min-width:157px;justify-content:flex-end}.countdown strong{color:#fff}.countdown-ring{--progress:360deg;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#85a9ff var(--progress),rgba(255,255,255,.15) 0);position:relative}.countdown-ring:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#101b35}.countdown-ring b{position:relative;z-index:1;font:700 12px Manrope}.close-ad{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#101828;border:0;animation:popIn .3s ease}.ad-ambient{position:absolute;border-radius:50%;filter:blur(1px);opacity:.32}.ad-ambient.one{width:380px;height:380px;background:#2f6df5;left:-170px;top:70px}.ad-ambient.two{width:430px;height:430px;background:#a33af0;right:-240px;bottom:-160px;opacity:.15}.ad-content{height:calc(100% - 65px);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:22px}.ad-card{width:min(850px,86%);height:min(475px,75%);display:grid;grid-template-columns:1.35fr .9fr;background:#fff;color:#101828;border-radius:20px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.4)}.ad-creative{position:relative;background:#dce5fb;overflow:hidden}.ad-creative>img{width:100%;height:100%;object-fit:cover}.fallback-creative{display:none;position:absolute;inset:0;overflow:hidden;background:linear-gradient(140deg,#f5c94d,#f16c54 48%,#6f4ee8);color:#fff;padding:10%;align-items:flex-end}.fallback-creative.show{display:flex}.creative-orb{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.2);right:-23%;top:-25%;box-shadow:-150px 200px 0 -70px rgba(25,23,79,.35)}.creative-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:34px 34px;transform:perspective(500px) rotateX(28deg) scale(1.2)}.fallback-creative>div{position:relative}.fallback-creative small{text-transform:uppercase;letter-spacing:2px;font-size:9px}.fallback-creative strong{display:block;font:800 clamp(25px,3vw,44px)/.95 Manrope;letter-spacing:-2px;margin:10px 0}.fallback-creative p{font-size:12px}.ad-copy{padding:12%;display:flex;flex-direction:column;justify-content:center}.ad-copy>span{display:flex;align-items:center;gap:6px;color:#315ed0;text-transform:uppercase;font-weight:800;letter-spacing:1px;font-size:9px}.ad-copy h2{font:800 clamp(23px,2.5vw,36px)/1.07 Manrope;letter-spacing:-1.5px;margin:14px 0 10px}.ad-copy p{font-size:12px;line-height:1.55;color:#758092;margin:0 0 24px}.ad-copy button{border:0;color:#fff;border-radius:9px;height:42px;font-weight:700;font-size:11px}.revenue-confirmation{display:flex;align-items:center;gap:11px;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:10px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.revenue-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#22b573;font-size:12px}.revenue-confirmation div{display:flex;flex-direction:column;gap:2px}.revenue-confirmation strong{font-size:10px}.revenue-confirmation small{font-size:9px;color:#9eabc1}.success-toast{position:absolute;z-index:15;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 11px;background:#fff;border:1px solid #dbe6df;border-radius:12px;box-shadow:0 15px 35px rgba(23,49,34,.18);transform:translateY(25px);opacity:0;transition:.35s;pointer-events:none}.success-toast.visible{transform:translateY(0);opacity:1}.success-toast>span{width:29px;height:29px;display:grid;place-items:center;background:#e4f8ed;color:#159457;border-radius:9px}.success-toast div{display:flex;flex-direction:column}.success-toast strong{font-size:11px;color:#24372b}.success-toast small{font-size:9px;color:#87948b}.preview-tip{text-align:center;margin:-12px 0 30px;color:#8b95a5;font-size:11px}.preview-tip span{display:inline-block;color:#245bd4;background:#e8efff;border-radius:5px;padding:3px 6px;margin-right:5px;font-weight:700}.loading-page{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:15px;gap:15px;color:#697386}.loader{width:30px;height:30px;border:3px solid #dce5f8;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.browser-frame.mobile .fallback-site header{height:49px;padding:0 15px}.browser-frame.mobile .fallback-site header nav{display:none}.browser-frame.mobile .fallback-site header button{padding:6px 9px}.browser-frame.mobile .fallback-hero{height:62%;display:block;padding:28px 20px}.browser-frame.mobile .fallback-hero h2{font-size:34px}.browser-frame.mobile .hero-visual{height:50%;margin-top:22px}.browser-frame.mobile .article-grid{grid-template-columns:1fr;padding:18px}.browser-frame.mobile .article-grid article:nth-child(2),.browser-frame.mobile .article-grid aside{display:none}.browser-frame.mobile .rewarded-shade{padding:16px}.browser-frame.mobile .rewarded-popup{width:100%;padding:28px 23px 23px;border-radius:21px}.browser-frame.mobile .logo-wrap{height:43px;margin-bottom:14px}.browser-frame.mobile .logo-wrap img{max-width:125px;max-height:42px}.browser-frame.mobile .rewarded-popup h2{font-size:22px}.browser-frame.mobile .rewarded-popup p{font-size:13px}.browser-frame.mobile .ad-topline{height:66px;padding:0 12px}.browser-frame.mobile .ad-label{font-size:8px}.browser-frame.mobile .countdown{min-width:auto}.browser-frame.mobile .countdown>span:last-child{display:none}.browser-frame.mobile .ad-content{height:calc(100% - 66px);padding:18px 14px}.browser-frame.mobile .ad-card{width:100%;height:auto;max-height:620px;grid-template-columns:1fr;grid-template-rows:1.15fr .85fr}.browser-frame.mobile .ad-copy{padding:22px}.browser-frame.mobile .ad-copy h2{font-size:25px;margin:9px 0 6px}.browser-frame.mobile .ad-copy p{margin-bottom:14px}.browser-frame.mobile .fallback-creative{padding:25px}.browser-frame.mobile .fallback-creative strong{font-size:31px}.browser-frame.mobile .revenue-confirmation{width:100%;padding:9px 12px}.browser-frame.mobile .success-toast{right:12px;bottom:12px}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1050px){.builder-hero{grid-template-columns:1fr;gap:45px;max-width:760px}.hero-copy{padding-top:0}.experience-card{display:none}.hero-copy h1{max-width:700px}.builder-card{width:100%}}@media(max-width:700px){.preview-header,.topbar{height:64px;padding:0 18px}.brand-muted{display:none}.internal-pill{font-size:0;padding:7px}.builder-hero{padding:38px 16px}.hero-copy{padding:0 4px}.hero-copy h1{font-size:40px;letter-spacing:-2.3px}.hero-copy>p{font-size:15px}.builder-card{padding:24px 18px;border-radius:18px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-actions{justify-content:stretch}.form-actions button{flex:1 1}.builder-footer{padding:20px;display:block;text-align:center}.builder-footer span:last-child{display:block;margin-top:5px}.preview-heading{padding:25px 18px 18px;display:block}.preview-meta{margin-top:15px}.preview-stage{padding:0 10px 25px;overflow:auto;justify-content:flex-start}.preview-stage.desktop .browser-frame{width:1000px;min-width:1000px;height:667px}.export-buttons button{font-size:0;width:38px;padding:0}.export-buttons button svg{display:block}.back-button span{display:none}.preview-tip{padding:0 15px}.browser-frame.desktop .ad-card{height:430px}.browser-frame.desktop .rewarded-popup{transform:scale(.9)}}.rewarded-popup .logo-wrap{min-height:58px;height:auto;width:max-content;max-width:100%;margin:0 auto 18px;padding:8px 13px;border-radius:12px;transition:background .2s,box-shadow .2s}.rewarded-popup .logo-wrap.logo-light{background:linear-gradient(145deg,#101828,#27364e);box-shadow:0 8px 20px rgba(16,24,40,.16)}.rewarded-popup .logo-wrap.logo-dark{background:transparent;padding-left:0;padding-right:0}.rewarded-popup .logo-wrap.logo-neutral{background:#eef1f5}.rewarded-popup .logo-wrap img{max-width:180px}.browser-viewport .website-layer.is-blurred{filter:none;transform:none}.browser-viewport .rewarded-shade{background:rgba(15,23,42,.2);overflow:hidden}.browser-viewport .rewarded-shade:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(620px,78%);height:min(520px,76%);transform:translate(-50%,-50%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(15,23,42,.1);border-radius:42%;mask-image:radial-gradient(ellipse at center,#000 52%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 76%)}.browser-viewport .rewarded-popup{z-index:1}.export-wrap{position:relative}.export-error{position:absolute;right:0;top:48px;width:max-content;max-width:280px;padding:8px 10px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#b42318;font-size:10px;font-weight:600;box-shadow:0 8px 20px rgba(91,24,24,.12);z-index:30}.export-buttons .live-demo-button{color:#fff;background:#2257cf;border-color:#2257cf;box-shadow:0 7px 16px rgba(37,99,235,.18)}.source-field{display:grid;grid-template-columns:1fr 42px 1fr;align-items:end;position:relative;padding-bottom:18px}.source-field>.field{min-width:0}.source-divider{height:44px;display:grid;place-items:center;color:#a2aab6;font-size:10px;font-weight:700;text-transform:uppercase}.source-divider span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e1e5eb;border-radius:50%;background:#f8f9fb}.screenshot-upload{height:44px;border:1px dashed #b8c5d8;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f8faff;color:#526174;cursor:pointer;transition:.2s;overflow:hidden}.screenshot-upload:hover{border-color:#5d88ed;background:#f2f6ff}.screenshot-upload.has-file{border-style:solid;border-color:#8fd3ae;background:#f2fbf6;color:#27704a}.screenshot-upload>input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e5edff;color:#2563eb;flex:none}.has-file .upload-icon{background:#dcf6e8;color:#169355}.screenshot-upload>span:last-child{display:flex;flex-direction:column;min-width:0}.screenshot-upload strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-upload small{font-size:9px;color:#929cac;white-space:nowrap}.source-error,.source-hint{position:absolute;left:0;bottom:0;font-size:10.5px}.source-hint{color:#929bab}.source-error{color:#d83939}@media(max-width:700px){.source-field{grid-template-columns:1fr;gap:8px}.source-divider{height:22px}.source-divider span{width:22px;height:22px}.screenshot-upload{height:52px}.source-error,.source-hint{position:static}.source-field{padding-bottom:0}}