.serp-preview-container[data-astro-cid-vub7bapi]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.serp-input-section[data-astro-cid-vub7bapi]{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:30px}.serp-input-section[data-astro-cid-vub7bapi] h3[data-astro-cid-vub7bapi]{margin-bottom:20px;color:var(--text-primary);font-size:16px}.form-group[data-astro-cid-vub7bapi]{margin-bottom:20px}.form-group[data-astro-cid-vub7bapi] label[data-astro-cid-vub7bapi]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-group[data-astro-cid-vub7bapi] input[data-astro-cid-vub7bapi],.form-group[data-astro-cid-vub7bapi] textarea[data-astro-cid-vub7bapi]{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;transition:border-color .2s}.form-group[data-astro-cid-vub7bapi] input[data-astro-cid-vub7bapi]:focus,.form-group[data-astro-cid-vub7bapi] textarea[data-astro-cid-vub7bapi]:focus{outline:none;border-color:var(--accent-primary)}.char-counter[data-astro-cid-vub7bapi]{margin-top:6px;font-size:12px;color:var(--text-secondary)}.warning[data-astro-cid-vub7bapi]{color:var(--accent-warning);font-weight:500;margin-left:8px}.view-toggle[data-astro-cid-vub7bapi]{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.view-toggle[data-astro-cid-vub7bapi] h3[data-astro-cid-vub7bapi]{margin-bottom:15px;color:var(--text-primary);font-size:16px}.toggle-buttons[data-astro-cid-vub7bapi]{display:flex;gap:10px}.toggle-btn[data-astro-cid-vub7bapi]{flex:1;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn[data-astro-cid-vub7bapi]:hover{border-color:var(--accent-primary);color:var(--text-primary)}.toggle-btn[data-astro-cid-vub7bapi].active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.serp-preview-section[data-astro-cid-vub7bapi]{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:30px}.serp-preview-section[data-astro-cid-vub7bapi] h3[data-astro-cid-vub7bapi]{margin-bottom:20px;color:var(--text-primary);font-size:16px}.serp-mockup[data-astro-cid-vub7bapi]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:20px}.serp-mockup[data-astro-cid-vub7bapi].desktop{width:100%}.serp-mockup[data-astro-cid-vub7bapi].mobile{width:100%;max-width:400px}.serp-breadcrumb[data-astro-cid-vub7bapi]{color:var(--accent-secondary);font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-title[data-astro-cid-vub7bapi]{color:var(--accent-secondary);font-size:18px;font-weight:500;margin-bottom:6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.serp-description[data-astro-cid-vub7bapi]{color:var(--text-secondary);font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.preview-info[data-astro-cid-vub7bapi]{background:#6b72801a;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;margin-top:15px}.preview-info[data-astro-cid-vub7bapi] p[data-astro-cid-vub7bapi]{margin:0;font-size:12px;color:var(--text-secondary)}.truncation-warnings[data-astro-cid-vub7bapi]{grid-column:1 / -1;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:30px;margin-top:20px}.truncation-warnings[data-astro-cid-vub7bapi] h3[data-astro-cid-vub7bapi]{margin-bottom:20px;color:var(--text-primary);font-size:16px}.status-grid[data-astro-cid-vub7bapi]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-item[data-astro-cid-vub7bapi]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:15px}.status-label[data-astro-cid-vub7bapi]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.status-value[data-astro-cid-vub7bapi]{font-size:20px;font-weight:600;color:var(--text-primary)}.status-value[data-astro-cid-vub7bapi].success{color:var(--accent-success)}.status-value[data-astro-cid-vub7bapi].warning{color:var(--accent-warning)}.status-value[data-astro-cid-vub7bapi].error{color:var(--accent-error)}@media(max-width:900px){.serp-preview-container[data-astro-cid-vub7bapi],.status-grid[data-astro-cid-vub7bapi]{grid-template-columns:1fr}}