#google-search-preview-tool { display: block; }
#google-search-preview-tool .tool-controls { gap: 12px; }
#google-search-preview-tool .tool-controls p { margin: 0; font-size: 13px; color: var(--muted, #64748b); }
#google-search-preview-tool input, #google-search-preview-tool textarea { width: 100%; box-sizing: border-box; }
.search-preview-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.search-preview-actions [aria-pressed="true"] { outline: 2px solid #2563eb; outline-offset: 2px; }
.search-preview-panel { margin-top: 24px; min-width: 0; }
.search-preview-result { margin-top: 20px; padding: 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; max-width: 648px; box-sizing: border-box; font-family: Arial, sans-serif; }
.search-preview-result.is-mobile { max-width: 408px; }
.search-preview-domain { color: #202124; font-size: 14px; overflow-wrap: anywhere; }
.search-preview-path { margin-top: 3px; color: #4d5156; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-preview-heading { margin: 12px 0 5px; color: #1a0dab; font-size: 20px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-mobile .search-preview-heading { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.search-preview-snippet { color: #4d5156; font-size: 14px; line-height: 1.58; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.is-mobile .search-preview-snippet { -webkit-line-clamp: 3; }
.search-preview-note { font-size: 13px; line-height: 1.6; color: var(--muted, #64748b); }
@media (max-width: 480px) { .search-preview-result { padding: 16px; } }