:root{--ink:#171713;--paper:#f4f0e8;--surface:#fffdf8;--muted:#6d6960;--line:#d9d3c7;--accent:#b7f34a;--blue:#335cff;--danger:#bd382e;--ok:#26763c;--shadow:0 22px 70px rgba(37,34,26,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:#111;color:#fff;padding:10px}.skip-link:focus{top:16px}.hero{max-width:1320px;margin:48px auto 38px;padding:0 32px;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 18px}.hero h1{font-size:clamp(48px,6.5vw,92px);line-height:.93;letter-spacing:-.065em;margin:0}.hero em{font-family:Georgia,serif;font-weight:400}.hero>p{font-size:18px;color:var(--muted);margin:0}.builder{max-width:1320px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.platforms{display:flex;gap:5px;padding:11px;background:#e8e3da;border-bottom:1px solid var(--line);overflow-x:auto}.platform{border:0;background:transparent;border-radius:12px;padding:11px 16px;text-align:left;white-space:nowrap;color:var(--muted)}.platform strong,.platform span{display:block}.platform strong{font-size:13px}.platform span{font-size:10px;margin-top:1px}.platform.active{background:var(--ink);color:#fff}.platform:disabled{cursor:default;opacity:.52}.builder-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.editor,.preview-side{padding:32px}.preview-side{background:var(--ink);color:#fff}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head>div{display:flex;align-items:center;gap:12px}.section-head span{font-size:11px;color:var(--blue);font-weight:800}.section-head h2{font-size:22px;margin:0}.section-head.light span{color:#aaa89f}.section-head.compact{margin-top:32px}.text-button{border:0;background:none;color:var(--muted);text-decoration:underline}.note{margin:-7px 0 23px;color:var(--muted);font-size:13px}.fields{display:grid;gap:17px}.field{display:grid;grid-template-columns:1fr auto;gap:6px}.field>span{font-size:13px;font-weight:700}.field>span small{font-weight:400;color:var(--muted)}.field input,.field textarea,.field select{grid-column:1/-1;width:100%;border:1px solid #cbc5ba;border-radius:11px;padding:12px;background:#fff;color:var(--ink);outline:0;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #335cff20}.field output{font-size:11px;color:var(--muted)}.field output.good{color:var(--ok)}.field output.bad{color:var(--danger);font-weight:700}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{display:flex;min-height:140px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #aaa397;border-radius:16px;padding:22px;background:#faf7f0;cursor:pointer}.drop-zone.drag{border-color:var(--blue);background:#eef1ff}.drop-zone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.drop-zone strong{font-size:14px}.drop-zone small{color:var(--muted);font-size:11px;max-width:420px}.upload-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:24px;margin-bottom:8px}.file-status{font-size:11px;color:var(--muted);margin:8px 0 0}.placement-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#2d2d28;border-radius:12px;padding:4px;margin-bottom:18px}.placement-switch button{border:0;border-radius:9px;padding:10px;background:transparent;color:#aaa89f;font-weight:700}.placement-switch button.active{background:#fff;color:var(--ink)}.status{border:1px solid #4a4a43;border-radius:999px;padding:6px 9px;font-size:10px!important;color:#c9c7bf!important;white-space:nowrap}.status.ready{background:var(--accent);border-color:var(--accent);color:#172000!important}.status.warning{background:#f4b84a;border-color:#f4b84a;color:#2b1900!important}.preview-stage{background:#eceff3;border-radius:18px;padding:22px;min-height:345px;display:grid;align-items:center}.search-ad,.rsya-ad{background:#fff;color:#202124;border-radius:14px;box-shadow:0 2px 7px #0002;overflow:hidden}.search-ad{padding:19px}.search-brand{display:flex;align-items:center;gap:9px}.favicon{width:28px;height:28px;border-radius:50%;background:#ffdc3e;color:#111;display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto}.search-brand div{display:grid;line-height:1.15}.search-brand strong{font-size:13px}.search-brand small{font-size:10px;color:#62666a}.search-brand button{margin-left:auto;border:0;background:none;font-weight:900}.search-ad h3{font-size:21px;line-height:1.25;color:#1a0dab;margin:13px 0 5px}.search-ad p{font-size:13px;line-height:1.45;margin:0}.search-callouts{display:flex;gap:5px 10px;flex-wrap:wrap;margin-top:9px;color:#5f6368;font-size:11px}.search-callouts span:before{content:'·';margin-right:5px}.search-url{display:block;margin-top:9px;color:#237238;font-size:11px;word-break:break-all}.rsya-media{aspect-ratio:16/9;background:#e1e3e6;position:relative;overflow:hidden}.rsya-media img{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#5f6368}.image-placeholder span{font-weight:700}.image-placeholder small{font-size:11px}.ad-label{position:absolute;left:10px;top:10px;background:#fffde9dd;color:#333;border-radius:5px;padding:4px 7px;font-size:9px}.rsya-copy{padding:17px}.rsya-domain{display:flex;align-items:center;gap:7px;font-size:11px;color:#5f6368}.rsya-domain .favicon{width:23px;height:23px;font-size:11px}.rsya-copy h3{font-size:21px;line-height:1.15;margin:12px 0 6px}.rsya-copy p{font-size:13px;line-height:1.4;margin:0 0 14px}.rsya-copy button{border:0;border-radius:8px;background:#ffdc3e;color:#111;padding:10px 16px;font-weight:700}.disclaimer{font-size:11px;color:#aaa89f;margin:13px 2px 17px}.checks{display:grid;gap:7px}.check{border-left:4px solid #f4b84a;background:#292924;border-radius:8px;padding:9px 11px}.check.good{border-color:var(--accent)}.check.bad{border-color:#ff8176}.check strong{display:block;font-size:11px}.check p{font-size:10px;color:#aaa89f;margin:2px 0}.download{width:100%;margin-top:15px;border:0;border-radius:11px;background:var(--accent);color:#172000;padding:13px;font-weight:800}.source-link{display:block;text-align:center;margin-top:11px;color:#aaa89f;font-size:11px}.use-cases{max-width:1320px;margin:105px auto;padding:0 32px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.use-cases h2{font-size:44px;line-height:1.04;letter-spacing:-.045em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cards article{background:var(--paper);padding:22px}.cards b{color:var(--blue);font-size:12px}.cards h3{font-size:17px;margin-top:35px}.cards p{font-size:13px;color:var(--muted)}.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#171713;color:#fff;padding:11px 16px;border-radius:10px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.builder-grid{grid-template-columns:1fr}.preview-side{padding-top:28px}.hero,.use-cases{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){.hero,.use-cases{padding:0 18px}.hero{margin-top:25px}.hero h1{font-size:43px}.builder{border-radius:0;border-left:0;border-right:0}.editor,.preview-side{padding:22px 16px}.fields-two{grid-template-columns:1fr}.preview-stage{padding:12px;min-height:320px}.cards{grid-template-columns:1fr}.use-cases{margin-top:75px}.section-head{align-items:flex-start}.status{white-space:normal}}
.ratio-control{margin:-5px 0 18px}.ratio-control[hidden]{display:none}.ratio-control>span{display:block;margin-bottom:7px;color:#aaa89f;font-size:11px}.ratio-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ratio-switch button{border:1px solid #4a4a43;border-radius:8px;padding:8px 5px;background:transparent;color:#aaa89f;font-size:12px;font-weight:700}.ratio-switch button.active{border-color:var(--accent);background:var(--accent);color:#172000}.rsya-ad[data-ratio="16:9"] .rsya-media{aspect-ratio:16/9}.rsya-ad[data-ratio="4:3"] .rsya-media{aspect-ratio:4/3}.rsya-ad[data-ratio="1:1"] .rsya-media{aspect-ratio:1/1}.rsya-ad[data-ratio="3:4"] .rsya-media{aspect-ratio:3/4}.rsya-more{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:#fffde9dd;color:#252525;font-size:21px;font-weight:900;line-height:1;display:grid;place-items:center;padding:0;box-shadow:0 1px 4px #0002;cursor:default}
.field{align-content:start}.fields-two{align-items:start}.fields-two .field input{height:50px}.fields-two .field output{min-height:16px}.download-actions{display:grid;gap:8px;margin-top:15px}.download-actions .download{margin-top:0}.rsya-downloads{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rsya-downloads[hidden]{display:none}.download-secondary{min-height:48px;border:1px solid #56564f;border-radius:11px;background:#292924;color:#fff;padding:11px 12px;font-size:12px;font-weight:800}.download-secondary:hover,.download-secondary:focus-visible{border-color:var(--accent);color:var(--accent)}.download:disabled,.download-secondary:disabled{cursor:wait;opacity:.62}
@media(max-width:650px){.fields-two .field input{height:48px}}
@media(max-width:520px){.rsya-downloads{grid-template-columns:1fr}}
.disclaimer{line-height:1.5;color:#d8d3c8;margin:13px 0 17px;padding:12px 14px;border:1px solid #55544d;border-radius:10px;background:#292924}.disclaimer strong{color:#f4b84a}
.favicon{overflow:hidden}.favicon-image{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.favicon-image[hidden]{display:none}.rsya-copy button{background:#3f7cff;color:#fff}
.search-sitelinks{display:flex;gap:4px 13px;flex-wrap:wrap;margin-top:9px;color:#1a0dab;font-size:12px;font-weight:700}.search-sitelinks span:not(:last-child):after{content:'·';margin-left:13px;color:#8a8d91}