:root{--bg:#10283f;--card:#15324a;--muted:#cfd8e3;--accent:#ffd05a;--input:#14364b}
*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:var(--bg);color:var(--muted)}
.site-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(0,0,0,0.12)}
.logo svg{width:48px;height:48px}
.title-group h1{margin:0;font-size:20px;color:white}
.main-nav a{margin-left:10px;color:var(--muted);text-decoration:none}
.wrap{max-width:980px;margin:18px auto;padding:12px}
.card{background:var(--card);padding:14px;border-radius:8px;margin-bottom:12px}
.controls{display:flex;gap:10px;justify-content:center;margin-bottom:12px}
.controls input{padding:10px;border-radius:8px;border:none;background:var(--input);color:var(--muted);width:130px;text-align:center}
.preset{padding:12px;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(0,0,0,0.04));color:#07131a}
.quick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}
.generate{display:block;width:100%;padding:14px;border-radius:8px;border:none;background:var(--accent);color:#07131a;font-weight:800}
.ad-slot{margin:12px 0;padding:10px;border-radius:8px;background:rgba(255,255,255,0.02);text-align:center;color:rgba(255,255,255,0.7)}
.results{min-height:80px;padding:12px;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,0.02),rgba(0,0,0,0.04));color:#fff}
.footer-links a{color:var(--muted);text-decoration:none;margin:0 6px}
@media(max-width:820px){.controls{flex-direction:column}.preset{min-width:100%}}