.serp-preview-container[data-v-d8951a96]{padding:1.25rem;border-radius:8px;background:#fff;border:1px solid oklch(0 0 0/.08);width:100%;max-width:600px}.dark .serp-preview-container[data-v-d8951a96]{background:#202124;border-color:#ffffff0f}.serp-preview-container--mobile[data-v-d8951a96]{max-width:360px}.serp-preview__title[data-v-d8951a96]{font-size:1.25rem;line-height:1.3;color:#1a0dab;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-preview__title--mobile[data-v-d8951a96]{font-size:1rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark .serp-preview__title[data-v-d8951a96]{color:#8ab4f8}.serp-preview__description[data-v-d8951a96]{font-size:.875rem;line-height:1.58;color:#4d5156;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .serp-preview__description[data-v-d8951a96]{color:#bdc1c6}.serp-length-status[data-v-d8951a96]{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600}.serp-length-status--success[data-v-d8951a96]{background:#6bc6701f;color:#107823}.serp-length-status--warning[data-v-d8951a96]{background:#d6a54d1f;color:#946900;color:oklch(55% .15 80)}.serp-length-status--error[data-v-d8951a96]{background:#dc655f1a;color:#c53637}.dark .serp-length-status--success[data-v-d8951a96]{background:#10782326;color:#57cb60}.dark .serp-length-status--warning[data-v-d8951a96]{background:#94690026;background:oklch(55% .12 80/.15);color:#dfa11a}.dark .serp-length-status--error[data-v-d8951a96]{background:#9c433f26;color:#f47b74}.serp-progress-track[data-v-d8951a96]{position:relative;height:6px;border-radius:3px;background:var(--ui-bg-accented);overflow:visible}.serp-progress-fill[data-v-d8951a96]{height:100%;border-radius:3px;transition:width .4s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.serp-progress-fill[data-v-d8951a96]{transition:none}}.serp-progress-fill--success[data-v-d8951a96]{background:#11ad32;box-shadow:0 0 8px #11ad324d}.serp-progress-fill--warning[data-v-d8951a96]{background:#cd9200;background:oklch(70% .18 80);box-shadow:0 0 8px #cd92004d;box-shadow:0 0 8px oklch(70% .18 80/.3)}.serp-progress-fill--error[data-v-d8951a96]{background:#e64343;box-shadow:0 0 8px #e643434d}.serp-progress-marker[data-v-d8951a96]{position:absolute;top:-2px;width:1px;height:10px;background:var(--ui-text-muted);opacity:.4}.serp-keyword-chip[data-v-d8951a96]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-family:var(--font-mono);background:var(--ui-bg-elevated);color:var(--ui-text-default);border:1px solid var(--ui-border)}.serp-keyword-count[data-v-d8951a96]{font-size:.625rem;font-weight:600;background:var(--ui-bg-accented);color:var(--ui-text-muted);padding:0 .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.serp-rich-result[data-v-d8951a96]{padding:.75rem;border-radius:8px;border:1px solid var(--ui-border)}.serp-rich-result+.serp-rich-result[data-v-d8951a96]{margin-top:.5rem}.serp-rich-mockup[data-v-d8951a96]{padding:.5rem .75rem;border-radius:6px;background:#fff;border:1px solid oklch(0 0 0/.06)}.dark .serp-rich-mockup[data-v-d8951a96]{background:#202124;border-color:#ffffff0f}.serp-rich-stars[data-v-d8951a96]{color:#e8a435;font-size:.8125rem;letter-spacing:-1px}.serp-rich-rating-text[data-v-d8951a96]{color:#70757a}.dark .serp-rich-rating-text[data-v-d8951a96]{color:#9aa0a6}.serp-rich-detail[data-v-d8951a96]{color:#4d5156;margin-top:.25rem}.dark .serp-rich-detail[data-v-d8951a96]{color:#bdc1c6}.serp-rich-breadcrumbs[data-v-d8951a96]{display:flex;align-items:center;flex-wrap:wrap;gap:.125rem;font-size:.75rem;color:#202124;margin-bottom:.375rem}.dark .serp-rich-breadcrumbs[data-v-d8951a96]{color:#bdc1c6}.serp-rich-faq[data-v-d8951a96]{margin-top:.375rem}.serp-rich-faq-item[data-v-d8951a96]{display:flex;align-items:center;gap:.375rem;padding:.375rem 0;border-top:1px solid oklch(0 0 0/.06);color:#1a0dab}.dark .serp-rich-faq-item[data-v-d8951a96]{border-top-color:#ffffff14;color:#8ab4f8}.serp-rich-video-thumb[data-v-d8951a96]{position:relative;width:120px;height:68px;border-radius:6px;overflow:hidden;background:var(--ui-bg-accented)}.serp-rich-video-play[data-v-d8951a96]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.serp-rich-video-duration[data-v-d8951a96]{position:absolute;bottom:4px;right:4px;font-size:.625rem;font-weight:600;background:#000000b3;color:#fff;padding:.0625rem .25rem;border-radius:3px}
