.sd-workspace { background:var(--seo-theme-canvas);color:var(--seo-theme-ink);padding:34px 18px 52px }
.sd-workspace [hidden] { display:none!important }
.sd-wrap { width:min(100%,1056px);margin-inline:auto }
.sd-heading a { color:var(--seo-theme-link);font-size:13px;font-weight:600 }
.sd-heading h1 { margin:8px 0;font-size:32px;line-height:1.2;letter-spacing:0;color:inherit }
.sd-heading p,.sd-result-head p { margin:0;color:var(--seo-theme-muted);line-height:1.5 }
.sd-inputs { margin-top:22px;padding:18px;border:1px solid var(--seo-theme-border);border-radius:8px;background:var(--seo-theme-surface) }
.sd-files { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px }
.sd-files label { display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:12px;border:1px solid var(--seo-theme-border);border-radius:6px;font-size:14px;font-weight:600;min-width:0;background:var(--seo-theme-raised);color:inherit }
.sd-workspace svg { width:16px;height:16px;flex:none }
.sd-files input { grid-column:1/-1;min-width:0;width:100%;font:inherit;font-size:13px;color:inherit }
.sd-files input::file-selector-button { font:inherit;color:inherit;background:var(--seo-theme-surface);border:1px solid var(--seo-theme-border);border-radius:5px;padding:7px;margin-right:8px;cursor:pointer }
.sd-actions,.sd-result-head,.sd-pages { display:flex;align-items:center;gap:8px;flex-wrap:wrap }
.sd-actions { margin-top:14px }
.sd-actions small { margin-left:auto;color:var(--seo-theme-muted);font-size:12px }
.sd-workspace button { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 11px;border:1px solid var(--seo-theme-border);border-radius:6px;background:var(--seo-theme-surface);color:inherit;font:inherit;font-size:13px;font-weight:550;cursor:pointer }
.sd-workspace button:disabled { opacity:.5;cursor:default }
.sd-workspace button:not(:disabled):hover { background:var(--seo-theme-raised) }
.sd-workspace button.sd-primary { background:#136752;border-color:#136752;color:#fff }
.sd-workspace button.sd-primary:not(:disabled):hover { background:#0e5442 }
.sd-workspace :focus-visible { outline:2px solid var(--seo-theme-focus);outline-offset:2px }
.sd-error { margin:12px 0 0;color:var(--seo-theme-bad,#ab2d29);font-size:14px }
.sd-results { margin-top:25px }
.sd-result-head { justify-content:space-between }
.sd-result-head h2 { margin:0 0 3px;font-size:20px;letter-spacing:0;color:inherit }
.sd-result-head p { font-size:13px;overflow-wrap:anywhere }
.sd-bar { display:flex;height:5px;margin:12px 0 16px;overflow:hidden;border-radius:3px;background:var(--seo-theme-border) }
.sd-bar span { flex:0 0 0 }
.sd-bar [data-sd-bar=added] { background:#2f9879 }
.sd-bar [data-sd-bar=removed] { background:#cc6862 }
.sd-bar [data-sd-bar=updated] { background:#b58731 }
.sd-bar [data-sd-bar=same] { background:#91a1a8 }
.sd-filters { display:flex;gap:6px;flex-wrap:wrap }
.sd-filters button[aria-pressed=true] { border-color:var(--seo-theme-focus);background:var(--seo-theme-raised);color:var(--seo-theme-link) }
.sd-filters span { font-variant-numeric:tabular-nums }
.sd-search { display:flex;gap:8px;align-items:center;margin:12px 0;color:inherit;font-size:13px }
.sd-search input { min-width:0;width:min(100%,360px);padding:7px 10px;border:1px solid var(--seo-theme-border);border-radius:6px;background:var(--seo-theme-surface);color:inherit;font:inherit }
.sd-table { width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px }
.sd-table th,.sd-table td { padding:8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--seo-theme-border);overflow-wrap:anywhere }
.sd-table th:first-child { width:62% }
.sd-table th { background:var(--seo-theme-raised) }
.sd-table td small { display:block;color:var(--seo-theme-muted) }
.sd-table [data-state=added] { color:var(--seo-theme-good,#146a53) }
.sd-table [data-state=removed],.sd-table [data-state=issue] { color:var(--seo-theme-bad,#a0302b) }
.sd-table [data-state=updated] { color:var(--seo-theme-warning,#825407) }
.sd-pages { justify-content:flex-end;margin-top:10px;font-size:13px }
.sd-pages button { width:36px;padding:0 }
@media(max-width:640px) {
    .sd-workspace { padding:22px 12px 36px }
    .sd-heading h1 { font-size:26px }
    .sd-files { grid-template-columns:minmax(0,1fr) }
    .sd-actions small { flex-basis:100%;margin:0 }
    .sd-table th:first-child { width:54% }
}