/* Studio-only controls for the bounded PolyForm SVG logo layer. */
.pf-studio-social .s2-logo-panel {
  display:flex; flex-direction:column; gap:8px; padding:12px 14px;
  border-bottom:1px solid var(--s2-line);
}
.pf-studio-social .s2-logo-panel-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.pf-studio-social .s2-logo-panel-head .pf-link { font-size:11px; }
.pf-studio-social .s2-logo-segment-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pf-studio-social .s2-logo-panel .s2-control-block {
  gap:5px; padding:0; border:0;
}
.pf-studio-social .s2-logo-select { display:flex; flex-direction:column; gap:5px; }
.pf-studio-social .s2-logo-select select { width:100%; min-width:0; }
.pf-studio-social .s2-logo-panel > .s2-range-form { gap:3px; }
.pf-studio-social .s2-logo-position-controls {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
}
.pf-studio-social .s2-logo-panel > .pf-hint { margin:0; line-height:1.35; }

.pf-studio-social .pf-logo-control { cursor:grab; pointer-events:all; }
.pf-studio-social .pf-logo-control:active { cursor:grabbing; }
.pf-studio-social .pf-logo-drag-preview,
.pf-studio-social .pf-logo-drag-preview-bg { display:none; pointer-events:none; }
.pf-studio-social .pf-logo-control.is-native-dragging .pf-logo-drag-preview { display:block; }
.pf-studio-social .pf-logo-control.is-native-dragging.has-logo-circle .pf-logo-drag-preview-bg {
  display:block; fill:#fff;
}
.pf-studio-social #pf-social-composer.is-native-logo-dragging .pfs-brand-logo-native {
  visibility:hidden;
}
.pf-studio-social .pf-logo-control-hit { fill:transparent; stroke:transparent; pointer-events:all; }
.pf-studio-social .pf-logo-control-outline {
  fill:none; stroke:transparent; stroke-width:3; stroke-dasharray:9 7;
  vector-effect:non-scaling-stroke; pointer-events:none;
}
.pf-studio-social .pf-logo-control:hover .pf-logo-control-outline,
.pf-studio-social .pf-logo-control:focus .pf-logo-control-outline {
  stroke:#fff; filter:drop-shadow(0 0 2px #0f2030);
}

/* Review-all's legacy descendant selector sizes any nested SVG/image as if it
   were the preview root. Keep the vector logo at its card-space dimensions. */
.pf-studio-social .s2-stack-review-card .pfs-social-card .pfs-brand-logo-layer {
  position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none;
  overflow:visible; border:0; border-radius:0; background:transparent;
  box-shadow:none; pointer-events:none;
}

@media (max-width:899px) {
  .pf-studio-social .s2-logo-panel { padding:12px; }
}

@media (min-width:1700px) {
  .pf-studio-social .s2-logo-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pf-studio-social .s2-logo-panel-head,
  .pf-studio-social .s2-logo-position-controls,
  .pf-studio-social .s2-logo-panel > .pf-hint { grid-column:1 / -1; }
}