.seo-tool{margin:0 0 32px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}.seo-tool h2{margin-top:0}.seo-tool .tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.seo-tool label{display:flex;flex-direction:column;font-size:.9rem;color:var(--whale-muted,#ccc)}.seo-tool input,.seo-tool select{margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--whale-fg,#fff);font-size:.95rem;font-family:inherit}.seo-tool input:focus,.seo-tool select:focus{outline:2px solid #78c8ff;outline-offset:2px}.seo-tool textarea{font-family:JetBrainsMono,Menlo,monospace;resize:vertical}.seo-tool .tool-result{grid-column:1/-1;margin-top:12px;padding:16px;border-radius:8px;background:rgba(120,200,255,.06);border-left:3px solid #78c8ff}.seo-tool .tool-result strong{display:block;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:4px}.seo-tool .tool-result span{display:block;color:var(--whale-muted,#aaa);font-size:.85rem}@media (max-width:600px){.seo-tool .tool-grid{grid-template-columns:1fr}}