@layer theme,base;@layer components{.seo-tool{overflow-wrap:anywhere}.seo-tool section+section{margin-top:48px}.seo-tool section>h2:first-child{margin-top:0}.seo-tool h3{margin-top:24px}.seo-tool>.card>noscript p{color:var(--muted-foreground);margin:0 0 20px}.tool-form-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-form-heading h2{margin:0;font-size:1.25rem}.seo-tool form .stack{gap:20px;min-width:0;display:grid}.seo-tool form label{font-size:.875rem;font-weight:500;display:block}.seo-tool form label>:is(input,textarea,.beui-input){margin-top:6px}.seo-tool form label>small{color:var(--muted-foreground);margin-top:6px;font-size:.8125rem;font-weight:400;line-height:1.6;display:block}.seo-tool .actions{gap:8px 16px;padding-top:4px}.seo-tool .actions p{margin:0;font-size:.8125rem}#tool-error{color:var(--bad);background:color-mix(in srgb, var(--bad) 6%, var(--card));border:1px solid color-mix(in srgb, var(--bad) 20%, var(--border));border-radius:var(--radius);margin:16px 0 0;padding:12px 16px;font-size:.875rem;line-height:1.6}#tool-result{border-top:1px solid var(--border);gap:16px;margin-top:32px;padding-top:32px;display:grid}#result-heading,#tool-error{scroll-margin-top:160px}.tool-result-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}#result-heading{margin:0;font-size:1.25rem}.tool-result-heading code{color:var(--muted-foreground);overflow-wrap:normal;flex:none;font-size:.75rem}.tool-output{flex-wrap:wrap;gap:8px;display:flex}.tool-output>.snippet{display:contents}.seo-tool .tool-output pre{background:var(--muted);min-height:120px;max-height:360px;color:var(--foreground);border-radius:var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;flex:1 0 100%;margin:0 0 4px;padding:16px;font-size:.8125rem;line-height:1.7;overflow:auto}.seo-tool .tool-output pre:empty:before{content:attr(data-placeholder);color:var(--muted-foreground);font-family:var(--font-sans);font-size:.9375rem}.tool-output .copy-status:not(.sr-only){flex-basis:100%;margin:0;font-size:.875rem}#tool-status{color:var(--muted-foreground);margin:0;font-size:.875rem}#tool-status:empty{display:none}#tool-status.warning{color:var(--warn);font-weight:500}#tool-result>p.small{margin:0}.tool-example{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:20px;font-size:.8125rem;line-height:1.8}.tool-help .ui-disclosure{margin:0}.tool-reference{margin-top:16px}.preview-width{border:0;flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;display:flex}.preview-width label{align-items:center;gap:8px;font-size:.875rem;display:flex}.search-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:100%;max-width:600px;color:var(--card-foreground);gap:4px;padding:20px;display:grid}.preview-width:has(input[value=mobile]:checked)+.search-preview{max-width:360px}.search-preview p{margin:0}.search-preview p:empty:before{content:attr(data-placeholder);opacity:.55}#preview-url{color:var(--muted-foreground);font-size:.8125rem}#preview-title{color:var(--link);font-size:1.125rem;font-weight:500;line-height:1.4}#preview-description{font-size:.875rem;line-height:1.6}.seo-tool .prose h2{margin-top:0;margin-bottom:16px;font-size:1.125rem}.seo-tool .prose p{font-size:1rem;line-height:1.7}@media (pointer:coarse){.preview-width label{min-height:44px}}@media (width<=719px){.seo-tool label{font-size:1rem}.seo-tool .actions{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.seo-tool .actions>.btn{width:100%;min-height:44px}.seo-tool .actions p{text-align:center}.tool-output>.snippet>.beui-tooltip-trigger,.tool-output>.btn{flex:1 1 0;min-width:0}.tool-output .btn{width:100%;min-height:44px}.seo-tool .tool-output pre{min-height:96px;padding:14px;font-size:.75rem}.tool-example{padding:16px;font-size:.75rem}#tool-result{margin-top:24px;padding-top:24px}}}@layer utilities;