.sdserp-wrap{font-family:arial,sans-serif;color:#202124;max-width:auto;margin:0 auto}
.sdserp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

.sdserp-panel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:22px}
.sdserp-field{margin-bottom:18px}
.sdserp-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#5f6368;margin-bottom:6px;font-weight:500}
.sdserp-badge{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600;white-space:nowrap}
.badge-ok{background:#e6f4ea;color:#137333}
.badge-warn{background:#fef7e0;color:#b06000}
.badge-over{background:#fce8e6;color:#c5221f}
.sdserp-field input[type="text"],
.sdserp-field input[type="url"],
.sdserp-field textarea{
  width:100%;
  border:1px solid #dadce0;
  border-radius:6px;
  padding:9px 12px;
  font-size:14px;
  font-family:inherit;
  background:#fff;
  color:#202124;
  box-sizing:border-box;
  transition:border-color .2s,box-shadow .2s;
}
.sdserp-field input[type="text"]:focus,
.sdserp-field input[type="url"]:focus,
.sdserp-field textarea:focus{
  outline:none;
  border-color:#1a73e8;
  box-shadow:0 0 0 2px rgba(26,115,232,.15);
}
.sdserp-field textarea{resize:vertical}
.sdserp-field small{font-size:11px;color:#80868b;margin-top:5px;display:block;line-height:1.5}

.sdserp-pixel-bar{height:4px;background:#e8eaed;border-radius:2px;margin-top:7px;overflow:hidden}
.sdserp-pixel-fill{height:100%;border-radius:2px;transition:width .25s,background .25s}

.sdserp-capitalize-btn{
  margin-top:8px;
  background:transparent;
  border:1px solid #1a73e8;
  border-radius:6px;
  padding:5px 14px;
  font-size:12px;
  color:#1a73e8;
  cursor:pointer;
  font-family:inherit;
}
.sdserp-capitalize-btn:hover{background:#e8f0fe}

.sdserp-extras{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:4px}
.sdserp-extras label{
  font-size:13px;
  color:#5f6368;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}

/* ── Google Preview Frame ── */
.sdserp-google-frame{
  background:#fff;
  border:1px solid #dfe1e5;
  border-radius:12px;
  padding:16px 20px 20px;
  color:#202124;
}

.sdserp-gbar{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #e0e0e0;
}
.sdserp-glogo{
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.5px;
  line-height:1;
  font-family:arial,sans-serif;
}
.sdserp-glogo .g1{color:#4285f4}
.sdserp-glogo .g2{color:#ea4335}
.sdserp-glogo .g3{color:#fbbc05}
.sdserp-glogo .g4{color:#4285f4}
.sdserp-glogo .g5{color:#34a853}
.sdserp-glogo .g6{color:#ea4335}

.sdserp-gsearch{
  flex:1;
  border:1px solid #dfe1e5;
  border-radius:24px;
  padding:8px 16px;
  font-size:14px;
  color:#9aa0a6;
  background:#fff;
  font-family:inherit;
}

.sdserp-gtabs{
  display:flex;
  gap:0;
  margin-bottom:14px;
  border-bottom:1px solid #e0e0e0;
}
.sdserp-gtab{
  font-size:13px;
  color:#5f6368;
  padding:8px 16px 9px;
  cursor:default;
  white-space:nowrap;
}
.sdserp-gtab.active{
  color:#1a73e8;
  border-bottom:2.5px solid #1a73e8;
  padding-bottom:7px;
}

/* ── Result ── */
.sdserp-result{padding:2px 0 12px}

.sdserp-result-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.sdserp-favicon{
  width:26px;height:26px;
  border-radius:50%;
  background:#e8eaed;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:600;color:#5f6368;
  flex-shrink:0;
  text-transform:uppercase;
}
.sdserp-siteinfo{}
.sdserp-sitename{font-size:14px;color:#202124;font-weight:500;line-height:1.3}
.sdserp-urlcrumb{font-size:12px;color:#4d5156;line-height:1.4;word-break:break-all}

.sdserp-rtitle{
  font-size:20px;
  color:#1a0dab;
  cursor:pointer;
  line-height:1.3;
  margin:5px 0 4px;
  font-weight:400;
  font-family:arial,sans-serif;
  word-break:break-word;
}
.sdserp-rtitle:hover{text-decoration:underline}

.sdserp-rich{
  font-size:13px;
  color:#70757a;
  margin-bottom:4px;
  display:none;
}
.sdserp-stars{color:#fbbc05;letter-spacing:1px;font-size:14px}

.sdserp-rdesc{
  font-size:14px;
  color:#4d5156;
  line-height:1.58;
  word-break:break-word;
}
.sdserp-rdate{color:#70757a;font-size:14px}

/* ── Ghost results ── */
.sdserp-ghost{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e0e0e0;
}
.sdserp-ghost-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.sdserp-ghost-circle{width:26px;height:26px;border-radius:50%;background:#e8eaed;flex-shrink:0;margin-top:2px}
.sdserp-ghost-lines{flex:1}
.sdserp-ghost-line{height:10px;border-radius:4px;background:#e8eaed;margin-bottom:6px}
.sdserp-ghost-line.gtitle{background:#c5b8f5;height:14px}

/* ── Responsive ── */
@media(max-width:680px){
  .sdserp-grid{grid-template-columns:1fr}
  .sdserp-gtab{padding:8px 10px 9px;font-size:12px}
}