.seo-editor{--seo-accent:#159fdb;--seo-accent-strong:#0787c2;--seo-accent-soft:color-mix(in srgb, var(--seo-accent) 9%, var(--surface-solid));--seo-danger:#e88984;--seo-danger-soft:color-mix(in srgb, var(--seo-danger) 11%, var(--surface-solid));--seo-success:#5fbd70;--seo-warning:#eea13b;--seo-panel:var(--surface-solid);--seo-panel-muted:color-mix(in srgb, var(--surface-2) 72%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--border) 82%, var(--seo-accent) 18%);background:var(--seo-panel);width:100%;box-shadow:0 12px 32px color-mix(in srgb, var(--black) 8%, transparent);color:var(--text);border-radius:14px;grid-column:1/-1;margin-top:12px;overflow:hidden}.seo-editor-title{border-bottom:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--seo-accent) 7%, transparent), transparent 48%), var(--seo-panel);justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:68px;padding:10px 18px;display:flex}.seo-editor-toggle{color:inherit;cursor:pointer;font:inherit;text-align:start;border:0}.seo-editor-toggle:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--seo-accent) 12%, transparent), transparent 58%), var(--seo-panel)}.seo-editor-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--seo-accent) 38%, transparent);outline-offset:-3px}.seo-editor-title-actions{align-items:center;gap:12px;display:flex}.seo-editor-chevron{color:var(--muted);flex:none;transition:transform .18s}.seo-editor-toggle[aria-expanded=true] .seo-editor-chevron{transform:rotate(180deg)}.seo-editor-heading,.seo-editor-heading>div,.seo-score,.seo-score>div,.seo-schema-name,.seo-schema-name>div{align-items:center;display:flex}.seo-editor-heading{gap:11px}.seo-editor-heading>div,.seo-score>div,.seo-schema-name>div{flex-direction:column;align-items:flex-start}.seo-editor-heading strong{color:var(--heading);font-size:.98rem;font-weight:800}.seo-editor-heading small{color:var(--muted);font-family:var(--font-en);direction:ltr;margin-top:2px;font-size:.68rem}.seo-brand-mark{background:linear-gradient(145deg, var(--seo-accent), var(--seo-accent-strong));width:42px;height:42px;box-shadow:0 7px 16px color-mix(in srgb, var(--seo-accent) 25%, transparent);color:var(--white);border-radius:11px;place-items:center;display:grid}.seo-brand-mark svg{width:23px;height:23px}.seo-tabs{border-bottom:1px solid var(--border);background:var(--seo-panel-muted);justify-content:flex-start;align-items:stretch;gap:2px;min-height:54px;padding-inline:12px;display:flex}.seo-tabs button{min-width:116px;min-height:52px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.78rem;font-weight:700;transition:color .18s,background-color .18s;display:inline-flex;position:relative}.seo-tabs button:after{inset-inline:9px;content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0}.seo-tabs button:hover,.seo-tabs button:focus-visible{color:var(--heading);background:color-mix(in srgb, var(--seo-accent) 5%, transparent)}.seo-tabs button.active{color:var(--seo-accent-strong);background:var(--seo-panel)}.seo-tabs button.active:after{background:var(--seo-accent)}.seo-tabs button svg{width:19px;height:19px}.seo-tabs button:focus-visible,.seo-primary-button:focus-visible,.seo-icon-button:focus-visible,.seo-preview-modes button:focus-visible,.seo-analysis-group summary:focus-visible,.seo-help:focus-visible{outline:3px solid color-mix(in srgb, var(--seo-accent) 38%, transparent);outline-offset:-2px}.seo-tab-panel{background:var(--seo-panel);min-height:260px}.seo-preview,.seo-schema,.seo-social{padding:22px}.seo-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.seo-section-heading h3,.seo-section-heading p{margin:0}.seo-section-heading h3{color:var(--heading);font-size:.9rem;font-weight:800}.seo-section-heading p{color:var(--muted);margin-top:4px;font-size:.73rem;line-height:1.8}.seo-preview-modes{border:1px solid var(--border);background:var(--seo-panel-muted);border-radius:9px;align-items:center;gap:3px;padding:3px;display:inline-flex}.seo-preview-modes button{width:38px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.seo-preview-modes button.active{background:var(--seo-panel);box-shadow:0 2px 8px color-mix(in srgb, var(--black) 10%, transparent);color:var(--seo-accent-strong)}.seo-preview-modes svg{width:18px;height:18px}.seo-google-preview{border:1px solid var(--border);background:var(--seo-panel);width:min(100%,760px);min-height:142px;box-shadow:0 4px 15px color-mix(in srgb, var(--black) 5%, transparent);border-radius:11px;padding:17px 19px;transition:max-width .18s}.seo-google-preview-mobile{max-width:390px}.seo-google-site{align-items:center;gap:9px;margin-bottom:7px;display:flex}.seo-google-site>div{flex-direction:column;min-width:0;display:flex}.seo-google-site strong{color:var(--heading);font-size:.72rem;font-weight:700}.seo-google-site span:not(.seo-google-favicon){max-width:100%;color:var(--muted);font-family:var(--font-en);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.seo-google-favicon{background:var(--seo-accent-soft);width:30px;height:30px;color:var(--seo-accent-strong);font-family:var(--font-en);border-radius:50%;flex:0 0 30px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.seo-preview-title{color:#1558bd;margin-block:5px;font-size:1.06rem;font-weight:500;line-height:1.7}.seo-google-preview>p{max-width:72ch;color:var(--muted);margin:0;font-size:.76rem;line-height:1.9}.seo-preview-actions{margin-top:14px}.seo-primary-button{background:linear-gradient(135deg, var(--seo-accent), var(--seo-accent-strong));min-height:42px;box-shadow:0 6px 14px color-mix(in srgb, var(--seo-accent) 22%, transparent);color:var(--white);cursor:pointer;font:inherit;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:.75rem;font-weight:800;transition:filter .18s,box-shadow .18s;display:inline-flex}.seo-primary-button:hover{filter:brightness(.95);box-shadow:0 8px 18px color-mix(in srgb, var(--seo-accent) 29%, transparent)}.seo-snippet-editor,.seo-schema-editor{border-block:1px solid var(--border);background:var(--seo-panel-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;display:grid}.seo-snippet-editor .seo-text-field:last-child,.seo-schema-editor label:last-child{grid-column:1/-1}.seo-text-field,.seo-advanced-grid>label,.seo-schema-editor>label{min-width:0;color:var(--heading);gap:7px;font-size:.74rem;font-weight:700;display:grid}.seo-text-field .form-control,.seo-advanced-grid .form-control,.seo-schema-editor .form-control,.seo-focus-row>.form-control{background:var(--input);border-radius:8px;min-height:44px}.seo-text-field textarea.form-control{resize:vertical;min-height:92px}.seo-text-field small{color:var(--muted);font-family:var(--font-en);text-align:left;font-size:.66rem;font-weight:400}.seo-focus-row{border-top:1px solid var(--border);background:color-mix(in srgb, var(--seo-panel) 97%, var(--seo-accent) 3%);gap:11px;padding:20px 22px;display:grid}.seo-keyword-input{border:1px solid var(--border);background:var(--input);cursor:text;border-radius:9px;min-height:48px;padding:6px 8px 5px;transition:border-color .18s,box-shadow .18s}.seo-keyword-input:focus-within{border-color:var(--seo-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--seo-accent) 16%, transparent)}.seo-keyword-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.seo-keyword-tag{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:3px 5px 3px 8px;font-size:.7rem;font-weight:800;transition:border-color .18s,box-shadow .18s,background-color .18s;display:inline-flex}.seo-keyword-tag>svg{width:16px;height:16px}.seo-keyword-tag-incomplete{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--seo-panel))}.seo-keyword-tag-complete{color:#218642;background:color-mix(in srgb, var(--seo-success) 15%, var(--seo-panel))}.seo-keyword-tag-primary.seo-keyword-tag-complete{color:#12652c;background:color-mix(in srgb, var(--seo-success) 25%, var(--seo-panel))}.seo-keyword-tag-primary.seo-keyword-tag-incomplete{color:#a35f00;background:color-mix(in srgb, var(--seo-warning) 19%, var(--seo-panel))}.seo-keyword-tag.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 13%, transparent);border-color:currentColor}.seo-keyword-tag:focus-visible,.seo-keyword-remove:focus-visible{outline:3px solid color-mix(in srgb, var(--seo-accent) 38%, transparent);outline-offset:1px}.seo-keyword-tag-score{background:color-mix(in srgb, currentColor 12%, transparent);min-width:24px;height:22px;font-family:var(--font-en);border-radius:999px;place-items:center;font-size:.6rem;display:inline-grid}.seo-keyword-remove{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.seo-keyword-remove:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.seo-keyword-remove svg{width:15px;height:15px}.seo-keyword-input>input{width:min(100%,320px);min-height:34px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:.73rem}.seo-keyword-input>small{color:var(--muted);padding-inline:3px;font-size:.63rem;line-height:1.7;display:block}.seo-focus-heading,.seo-label-row,.seo-score-hint{align-items:center;display:flex}.seo-focus-heading,.seo-score-hint{justify-content:space-between;gap:14px}.seo-label-row{color:var(--heading);gap:6px;font-size:.78rem;font-weight:800}.seo-keyword-status{background:var(--seo-accent-soft);color:var(--seo-accent-strong);border-radius:999px;padding:3px 9px;font-size:.66rem;font-weight:800}.seo-score-hint{border-inline-end:3px solid var(--seo-warning);background:color-mix(in srgb, var(--seo-warning) 9%, var(--seo-panel));min-height:42px;color:var(--muted);border-radius:7px;padding:7px 12px;font-size:.71rem}.seo-score-hint strong{color:var(--heading);font-family:var(--font-en);font-size:.85rem}.seo-check-control{min-height:42px;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.seo-check-control input{width:17px;height:17px;accent-color:var(--seo-accent)}.seo-help{width:20px;height:20px;color:color-mix(in srgb, var(--muted) 65%, transparent);cursor:help;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex}.seo-help svg{width:16px;height:16px}.seo-analysis-group{border-top:1px solid var(--border);background:var(--seo-panel)}.seo-analysis-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 22px;list-style-position:inside;display:flex}.seo-analysis-group[open] summary{background:color-mix(in srgb, var(--seo-accent) 3%, var(--seo-panel))}.seo-analysis-summary,.seo-analysis-meta{align-items:center;display:flex}.seo-analysis-summary{flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.seo-analysis-summary>span{color:var(--heading);font-size:.78rem;font-weight:800}.seo-analysis-summary small{color:var(--muted);font-size:.65rem}.seo-analysis-meta{gap:11px}.seo-group-progress{background:linear-gradient(to left, var(--seo-success) var(--seo-group-progress), transparent 0), color-mix(in srgb, var(--muted) 14%, transparent);border-radius:999px;width:78px;height:5px;overflow:hidden}.seo-analysis-group ul{gap:8px;margin:0;padding:8px 26px 22px;list-style:none;display:grid}.seo-analysis-group li{color:var(--text);align-items:flex-start;gap:8px;font-size:.72rem;line-height:1.85;display:flex}.seo-analysis-group li>svg{flex:0 0 18px;width:18px;height:18px;margin-top:3px}.seo-analysis-pass>svg{color:var(--seo-success)}.seo-analysis-fail>svg{color:var(--seo-danger)}.seo-analysis-warn>svg{color:var(--seo-warning)}.seo-status-good,.seo-status-bad{min-width:68px;color:var(--white);text-align:center;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:800}.seo-status-good{background:var(--seo-success)}.seo-status-bad{background:var(--seo-danger)}.seo-score{color:var(--heading);direction:rtl;gap:10px}.seo-score>span{background:radial-gradient(circle at center, var(--seo-panel) 60%, transparent 62%), conic-gradient(currentColor var(--seo-score), color-mix(in srgb, currentColor 14%, transparent) 0);width:43px;height:43px;font-family:var(--font-en);border-radius:50%;flex:0 0 43px;place-items:center;font-size:.75rem;font-weight:800;display:inline-grid}.seo-score>div{gap:1px}.seo-score strong{color:var(--heading);font-size:.7rem}.seo-score small{color:var(--muted);font-size:.62rem}.seo-score-good{color:var(--seo-success)}.seo-score-medium{color:var(--seo-warning)}.seo-score-bad{color:var(--seo-danger)}.seo-advanced{display:grid}.seo-advanced fieldset{border:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,24%) minmax(0,1fr);gap:22px;min-width:0;margin:0;padding:20px 22px;display:grid}.seo-advanced legend{float:right;width:auto;color:var(--heading);padding:2px 0;font-size:.76rem;font-weight:800}.seo-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;display:grid}.seo-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.seo-advanced>.seo-check-control,.seo-advanced>.seo-text-field{border-bottom:1px solid var(--border);margin:0;padding:12px 22px}.seo-advanced>.seo-text-field{grid-template-columns:minmax(160px,24%) minmax(0,1fr);align-items:center;gap:22px}.seo-advanced>.seo-text-field small{grid-column:2}.seo-schema-card{border:1px solid var(--seo-accent);background:var(--seo-accent-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin-bottom:14px;padding:7px 10px 7px 14px;display:flex}.seo-schema-name{gap:10px}.seo-schema-name>svg{width:24px;height:24px;color:var(--seo-accent-strong)}.seo-schema-name strong{color:var(--heading);font-size:.77rem}.seo-schema-name small{color:var(--muted);font-family:var(--font-en);font-size:.63rem}.seo-schema-actions{align-items:center;gap:3px;display:inline-flex}.seo-icon-button{width:40px;height:40px;color:var(--seo-accent-strong);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:background-color .18s,color .18s;display:inline-grid}.seo-icon-button:hover{background:var(--seo-panel)}.seo-icon-button-danger{color:var(--danger)}.seo-social-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:22px;display:grid}.seo-social-preview-column{min-width:0}.seo-social-card{border:1px solid var(--border);background:var(--seo-panel);max-width:520px;box-shadow:0 5px 16px color-mix(in srgb, var(--black) 6%, transparent);border-radius:10px;margin-bottom:14px;overflow:hidden}.seo-social-image{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--seo-accent) 16%, transparent), transparent 38%), var(--seo-panel-muted);min-height:190px;color:var(--seo-accent-strong);place-items:center;display:grid;position:relative;overflow:hidden}.seo-social-image>svg{opacity:.55;width:46px;height:46px}.seo-social-image img{object-fit:cover}.seo-social-copy{gap:4px;padding:12px 14px;display:grid}.seo-social-copy>span{color:var(--muted);font-family:var(--font-en);text-transform:uppercase;font-size:.62rem}.seo-social-copy>strong{color:var(--heading);font-size:.8rem}.seo-social-copy>p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.8}.seo-social-editor{border:1px solid var(--border);background:var(--seo-panel-muted);border-radius:10px;gap:12px;padding:16px;display:grid}.seo-code-input{text-align:left;direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (max-width:900px){.seo-advanced fieldset,.seo-advanced>.seo-text-field{grid-template-columns:1fr;gap:10px}.seo-advanced>.seo-text-field small{grid-column:auto}.seo-option-grid,.seo-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-social-layout{grid-template-columns:1fr}}@media (max-width:640px){.seo-editor{border-radius:11px}.seo-editor-title{min-height:62px;padding-inline:13px}.seo-score>div{display:none}.seo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px;display:grid}.seo-tabs button{min-width:0;min-height:46px;padding-inline:7px;font-size:.7rem}.seo-preview,.seo-schema,.seo-social,.seo-snippet-editor,.seo-schema-editor,.seo-focus-row,.seo-advanced fieldset,.seo-advanced>.seo-check-control,.seo-advanced>.seo-text-field{padding:15px}.seo-section-heading{flex-direction:column;align-items:stretch}.seo-preview-modes{align-self:flex-start}.seo-snippet-editor,.seo-schema-editor,.seo-option-grid,.seo-advanced-grid{grid-template-columns:1fr}.seo-snippet-editor .seo-text-field:last-child,.seo-schema-editor label:last-child{grid-column:auto}.seo-google-preview{padding:14px}.seo-focus-heading,.seo-score-hint{flex-direction:column;align-items:flex-start}.seo-analysis-group summary{align-items:flex-start;padding-inline:15px}.seo-analysis-meta{flex-direction:column;align-items:flex-end}.seo-group-progress{width:58px}.seo-analysis-group ul{padding-inline:17px}.seo-schema-card{flex-direction:column;align-items:flex-start}.seo-schema-actions{justify-content:flex-end;align-self:stretch}}@media (prefers-reduced-motion:reduce){.seo-tabs button,.seo-primary-button,.seo-icon-button,.seo-google-preview{transition:none}}