:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1d212b;--border:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4f8cff;--accent-hover:#6ea0ff;--good:#36c08a;--code-bg:#11141a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 64px}header.site{justify-content:space-between;gap:16px;margin-bottom:22px}.brand,header.site{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em}.brand .dot{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#8a5cff)}h1.hero{font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.02em;margin:8px 0 10px}.sub{color:var(--muted);font-size:clamp(15px,2vw,18px);max-width:720px;margin:0 0 22px}.sub strong{color:var(--text)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:880px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:440px}.panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--panel-2);font-size:13px;color:var(--muted);font-weight:600}textarea{flex:1 1;resize:none;border:0;outline:0;background:transparent;color:var(--text);padding:16px;font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13.5px;line-height:1.55;width:100%}.preview{flex:1 1;padding:16px 18px;overflow:auto;font-size:14px;line-height:1.6}.preview h1,.preview h2,.preview h3{letter-spacing:-.01em;margin:.7em 0 .4em}.preview table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.preview td,.preview th{border:1px solid var(--border);padding:6px 9px;text-align:left}.preview th{background:var(--panel-2)}.preview pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto}.preview code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.preview :not(pre)>code{background:var(--panel-2);padding:1px 5px;border-radius:4px}.preview blockquote{border-left:3px solid var(--accent);margin:8px 0;padding:2px 14px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 6px}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;transition:background .15s ease,transform .05s ease}button.btn:hover{background:var(--accent-hover)}button.btn:active{transform:translateY(1px)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.hint{color:var(--muted);font-size:13px}.hint.good{color:var(--good)}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.badge{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:5px 12px}.badge b{color:var(--text)}section.seo{margin-top:48px;color:var(--muted);font-size:14.5px;line-height:1.7;max-width:760px}section.seo h2{color:var(--text);font-size:20px;margin:28px 0 8px}footer.site{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;justify-content:space-between;flex-wrap:wrap}.pro-row,footer.site{display:flex;gap:10px}.pro-row{align-items:center;margin-top:12px}.pro-tag{font-size:11px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--accent),#8a5cff);padding:4px 8px;border-radius:6px}.pro-input{flex:1 1;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 12px;font-size:14px;outline:none}.pro-input:focus{border-color:var(--accent)}ul.related{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}ul.related li a{display:inline-block;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 14px;font-size:13.5px}.pricing{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:8px 0;max-width:760px}@media (max-width:720px){.pricing{grid-template-columns:1fr}}.plan{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 50px -20px rgba(79,140,255,.5)}.plan-flag{position:absolute;top:-11px;left:24px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--accent),#8a5cff);padding:4px 10px;border-radius:999px}.plan h3{margin:0 0 6px;font-size:18px}.plan .price{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:2px 0 14px}.plan .price span{font-size:16px;font-weight:600;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:var(--text)}.plan ul li{padding-left:22px;position:relative;color:var(--muted)}.plan ul li b{color:var(--text)}.plan ul li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700}.plan .btn{margin-top:auto;text-align:center}