/* Website & SEO professional workbench ----------------------------------- */
.ucs-converter.ucs-shell-seo-workbench { max-width: 1120px; }
.ucs-layout-seo-workbench { overflow: visible; }
.ucs-layout-seo-workbench.ucs-seo-suite { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:start; }
.ucs-layout-seo-workbench > .ucs-workflow { grid-column:1 / -1; margin-bottom:4px; }
.ucs-seo-card { margin:0; min-width:0; }
.ucs-seo-card .ucs-field:last-child { margin-bottom:0; }
.ucs-seo-card > .ucs-button:last-child { margin-top:4px; }
.ucs-seo-result { min-height:160px; }
.ucs-seo-result[hidden] { display:none !important; }
.ucs-seo-result-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.ucs-seo-code { max-height:480px; overflow:auto; box-sizing:border-box; width:100%; margin:10px 0 0; padding:14px; border:1px solid var(--ucs-line,#e2e8f0); border-radius:12px; background:#0f172a; color:#e2e8f0; white-space:pre-wrap; overflow-wrap:anywhere; tab-size:2; font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.ucs-seo-source { max-height:620px; white-space:pre; }
.ucs-seo-report { display:grid; gap:14px; min-width:0; }
.ucs-seo-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:10px; }
.ucs-seo-stat { min-width:0; padding:12px 13px; border:1px solid #dbe4f0; border-radius:12px; background:#fff; }
.ucs-seo-stat span,.ucs-seo-stat strong { display:block; }
.ucs-seo-stat span { margin-bottom:5px; color:var(--ucs-muted,#64748b); font-size:10px; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.ucs-seo-stat strong { overflow-wrap:anywhere; color:var(--ucs-ink,#0f172a); font-size:15px; line-height:1.25; }
.ucs-seo-table-wrap { max-width:100%; overflow:auto; border:1px solid var(--ucs-line,#e2e8f0); border-radius:12px; background:#fff; }
.ucs-seo-table { width:100%; border-collapse:collapse; min-width:520px; font-size:12px; }
.ucs-seo-table th,.ucs-seo-table td { padding:10px 12px; border-bottom:1px solid #eef2f7; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.ucs-seo-table th { position:sticky; top:0; z-index:1; background:#f8fafc; color:#475569; font-size:10px; letter-spacing:.045em; text-transform:uppercase; }
.ucs-seo-table tr:last-child td { border-bottom:0; }
.ucs-seo-table tbody tr:hover { background:#fafbff; }
.ucs-seo-issues { display:grid; gap:8px; }
.ucs-seo-issue { display:flex; align-items:flex-start; gap:9px; padding:10px 11px; border:1px solid #fde68a; border-radius:10px; background:#fffbeb; color:#854d0e; font-size:12px; line-height:1.5; }
.ucs-seo-issue.is-error { border-color:#fecdd3; background:#fff1f2; color:#9f1239; }
.ucs-seo-issue.is-ok { border-color:#bbf7d0; background:#f0fdf4; color:#166534; }
.ucs-seo-issue .ucs-pro-badge { flex:0 0 auto; }
.ucs-pro-badge.is-warn { border-color:#fde68a; background:#fffbeb; color:#854d0e; }
.ucs-seo-hero-status { display:flex; min-height:74px; align-items:center; justify-content:center; padding:14px; border:1px solid #c7d2fe; border-radius:14px; background:linear-gradient(145deg,#eef2ff,#fff); color:var(--ucs-brand-dark,#3730a3); font-size:clamp(24px,4vw,36px); font-weight:900; letter-spacing:-.035em; text-align:center; }
.ucs-pro-details { border:1px solid var(--ucs-line,#e2e8f0); border-radius:11px; background:#fff; }
.ucs-pro-details > summary { padding:11px 13px; cursor:pointer; color:#475569; font-size:12px; font-weight:800; }
.ucs-pro-details[open] > summary { border-bottom:1px solid var(--ucs-line,#e2e8f0); }
.ucs-pro-details .ucs-seo-code { margin:0; border:0; border-radius:0 0 10px 10px; }
.ucs-serp-sim { padding:18px; border:1px solid var(--ucs-line,#e2e8f0); border-radius:14px; background:#fff; font-family:Arial,sans-serif; }
.ucs-serp-sim .ucs-serp-url { overflow:hidden; color:#202124; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ucs-serp-sim .ucs-serp-title { margin:5px 0; color:#1a0dab; font-size:20px; line-height:1.3; }
.ucs-serp-sim .ucs-serp-description { color:#4d5156; font-size:14px; line-height:1.55; }
.ucs-social-card { overflow:hidden; border:1px solid #d8dee8; border-radius:15px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.06); }
.ucs-social-card img { display:block; width:100%; max-height:280px; object-fit:cover; background:#f1f5f9; }
.ucs-social-card > div { padding:14px 16px; }
.ucs-social-card small,.ucs-social-card strong,.ucs-social-card span { display:block; }
.ucs-social-card small { color:#64748b; font-size:11px; text-transform:uppercase; }
.ucs-social-card strong { margin:4px 0; color:#0f172a; font-size:17px; }
.ucs-social-card span { color:#475569; font-size:13px; line-height:1.5; }
.ucs-seo-frame-stage { overflow:auto; min-height:420px; padding:18px; border:1px solid var(--ucs-line,#e2e8f0); border-radius:14px; background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 10px,#f1f5f9 20px); }
.ucs-seo-responsive-frame { display:block; width:390px; height:720px; max-width:none; margin:0 auto; border:1px solid #94a3b8; border-radius:12px; background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.12); }
.ucs-seo-screenshot { display:block; width:100%; height:auto; border:1px solid var(--ucs-line,#e2e8f0); border-radius:12px; background:#f8fafc; }
.ucs-seo-result-meta + .ucs-seo-code { margin-top:0; }
.ucs-seo-suite .ucs-notice { margin:10px 0; }
.ucs-seo-suite .ucs-check { display:flex; align-items:flex-start; gap:8px; margin:7px 0; color:#475569; font-size:12px; font-weight:700; line-height:1.45; }
.ucs-seo-suite .ucs-check input { margin-top:2px; accent-color:var(--ucs-brand,#4f46e5); }
.ucs-seo-suite .ucs-actions { margin-bottom:0; }

@media (max-width: 820px) {
  .ucs-layout-seo-workbench.ucs-seo-suite { grid-template-columns:1fr; }
  .ucs-layout-seo-workbench > .ucs-workflow { grid-column:auto; }
  .ucs-seo-table { min-width:460px; }
}
@media (max-width: 560px) {
  .ucs-layout-seo-workbench { padding:20px 16px; }
  .ucs-seo-code { font-size:11px; }
  .ucs-seo-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ucs-seo-frame-stage { padding:10px; }
}
.ucs-serp-site { overflow:hidden; color:#202124; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ucs-serp-link { margin:5px 0; color:#1a0dab; font-size:20px; line-height:1.3; }
.ucs-serp-desc { color:#4d5156; font-size:14px; line-height:1.55; }
.ucs-seo-preview-counts { margin-top:9px; color:var(--ucs-muted,#64748b); font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.ucs-social-image { min-height:220px; background:#f1f5f9 center/cover no-repeat; }
.ucs-social-body { padding:14px 16px; }
.ucs-social-body small,.ucs-social-body strong,.ucs-social-body span { display:block; }
.ucs-social-body small { color:#64748b; font-size:11px; text-transform:uppercase; }
.ucs-social-body strong { margin:4px 0; color:#0f172a; font-size:17px; }
.ucs-social-body span { color:#475569; font-size:13px; line-height:1.5; }
.ucs-favicon-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.ucs-favicon-item { display:grid; place-items:center; gap:9px; padding:13px; border:1px solid var(--ucs-line,#e2e8f0); border-radius:12px; background:#fff; text-align:center; }
.ucs-favicon-item canvas { max-width:96px; max-height:96px; width:auto; height:auto; image-rendering:auto; }
.ucs-favicon-item strong { color:#334155; font-size:11px; }
.ucs-favicon-item .ucs-button { min-height:36px; padding:7px 9px; font-size:10px; }
.ucs-favicon-ico { display:grid; width:64px; height:64px; place-items:center; border-radius:13px; background:#eef2ff; color:var(--ucs-brand-dark,#3730a3); font-weight:900; }