.seo-settings { max-width: 1440px; }
.seo-tabs { display: flex; gap: 10px; border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.seo-tabs button { padding: 12px 18px; border: 0; border-bottom: 3px solid transparent; background: transparent; font: inherit; color: var(--text); cursor: pointer; }
.seo-tabs button[aria-selected="true"] { color: var(--brand); border-bottom-color: var(--brand); font-weight: 700; }
.seo-tabs button:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.seo-form { padding: 24px; }
.seo-fields { display: grid; gap: 18px; }
.seo-fields textarea { height: auto; min-height: 100px; resize: vertical; }
.seo-counter { display: block; text-align: right; font-size: 13px; color: #625a73; }
.seo-search-section h3 { font-size: 16px; margin: 0 0 10px; }
.seo-search-preview { border: 1px dashed var(--line); border-radius: 10px; background: #fafbfc; padding: 28px; }
.seo-search-result { display: flex; gap: 12px; max-width: 650px; margin: auto; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow-wrap: anywhere; }
.seo-search-result > div { min-width: 0; }
.seo-search-result img { object-fit: contain; flex-shrink: 0; margin-top: 3px; }
.seo-search-result h4 { margin: 8px 0; color: #1a0dab; font-size: 20px; font-weight: 500; }
.seo-search-result p { margin: 0; line-height: 1.6; }
.seo-preview-url { font-size: 14px; color: #346443; }
.seo-crawler-table { min-width: 720px; width: 100%; }
.seo-check { display: flex; gap: 8px; align-items: center; }
.seo-check input { width: 16px; height: 16px; accent-color: var(--brand); flex-shrink: 0; }
.seo-code { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: #f7f8fc; white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.7 Consolas, monospace; max-height: 430px; overflow: auto; }
.seo-code-details { margin-bottom: 16px; }
.seo-code-details summary { cursor: pointer; color: var(--brand); }
.seo-llms { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 24px; }
.seo-file-info { margin-top: 18px; }
.seo-section-links { display: grid; gap: 12px; }
.seo-section-link { display: grid; grid-template-columns: minmax(220px, 1fr) 2fr; gap: 16px; align-items: center; }
.seo-footer { display: flex; justify-content: flex-end; gap: 10px; align-items: center; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 24px; }
.seo-save-note { margin-right: auto; font-size: 14px; color: #625a73; }
@media (max-width: 860px) { .seo-footer .seo-save-note { width: 100%; } .seo-section-link { grid-template-columns: 1fr; gap: 6px; } }
@media (max-width: 560px) { .seo-form { padding: 16px; } .seo-search-preview { padding: 12px; } .seo-search-result { padding: 12px; } .seo-tabs button { padding: 12px 9px; font-size: 15px; } .seo-file-info, .seo-fields .domain-grid { grid-template-columns: 1fr; } .seo-footer > button { width: 100%; } }