:root{--bg-main:#0f1015;--bg-surface:#16171d;--bg-editor:#1a1b23;--accent:#38bdf8;--accent-hover:#0284c7;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#2e303f}body{background-color:var(--bg-main);color:var(--text-main);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.ad-strip{background-color:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;height:90px;display:flex}.bottom-ad{border-top:1px solid var(--border);border-bottom:none;margin-top:auto}.layout-container{width:100%;max-width:100%;display:flex}.ad-rail{justify-content:center;width:180px;min-width:180px;padding:20px 10px;display:flex}.ad-placeholder{background-color:var(--bg-surface);border:1px dashed var(--border);width:160px;height:600px;color:var(--text-muted);text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.main-content{flex:1;max-width:calc(100% - 360px);padding:30px 20px}.app-header h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px}.app-header h1 span{color:var(--accent)}.app-header p{color:var(--text-muted);margin:0 0 24px;font-size:15px}.toolbar{gap:12px;margin-bottom:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn-primary{background-color:var(--accent);color:#000}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background-color:#27273a}.btn-secondary:hover{background-color:#35354e}.btn-clear{color:var(--text-muted);background-color:#0000}.btn-clear:hover{color:var(--text-main)}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.editor-panel label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.cm-editor{border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background-color:var(--bg-editor)!important}.seo-documentation{border-top:1px solid var(--border);margin-top:20px;padding-top:30px}.seo-documentation h2,.seo-documentation h3{color:var(--text-main);margin-bottom:12px}.seo-documentation p{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.6}