:root{--bg:#f8f9fa;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--panel:#fff;--accent:#7150E6}
html[data-theme=dark]{--bg:#0f172a;--ink:#f1f5f9;--muted:#94a3b8;--line:#334155;--panel:#1e293b;--accent:#a78bfa}
html,body{background:var(--bg)!important;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}
header.qr-site-header{max-width:none!important;padding-left:max(24px,calc((100vw - 1120px)/2))!important;padding-right:max(24px,calc((100vw - 1120px)/2))!important}
main{max-width:1120px!important;margin:0 auto!important;padding:56px 24px!important}
.heading{display:block!important;text-align:center;margin:0 auto 38px!important}.heading h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1px;font-weight:700}.heading .preview-label{display:none}.heading p{font-size:18px;color:var(--muted);max-width:660px;margin:18px auto;line-height:1.7}
.workspace{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;overflow:hidden}.editor,.output{background:var(--panel)!important}.editor h2,.output h2{font-weight:700}.primary,#generate,#share{background:#7150E6!important;color:white!important;border-color:#7150E6!important;border-radius:10px!important}input{border-radius:8px!important;background:var(--bg)!important;color:var(--ink)!important}button:disabled{opacity:.45}
.footnote{line-height:1.7}.learn{max-width:none!important}.guide-directory{padding:40px 0 20px}.guide-directory h2{text-align:center;font-size:30px}.guide-intro{text-align:center;color:var(--muted);margin:12px 0 32px}.legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.legacy-card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.legacy-card h3{font-size:21px;margin:0 0 14px}.legacy-card p{color:var(--muted);font-size:15px;line-height:1.8}.legacy-card a{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600;text-decoration:none}.legacy-card a:hover{text-decoration:underline}
footer.preview-footer{max-width:none!important;margin:0!important;padding:55px 24px 30px!important;background:var(--bg);border-top:1px solid var(--line);display:block!important;text-align:center;font-size:14px;color:var(--muted)}.preview-footer img{width:210px;height:auto}.preview-footer p{max-width:520px;margin:15px auto;line-height:1.8}.preview-footer small{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}#ast-scroll-top{display:none!important}
@media(max-width:700px){main{padding:32px 18px!important}.legacy-grid{grid-template-columns:1fr}.legacy-card{padding:24px}.heading h1{font-size:31px}.heading p{font-size:16px}header.qr-site-header{padding:0 16px!important}.workspace{grid-template-columns:1fr!important}}