/* Portfolio Studio Social H2: normal-flow composer workspace. Card pixels stay in
   social-cards.css; these rules style only the operator controls around the stage. */
.pf-studio-social{
  --s2-work-bg:#0b1521; --s2-panel:#111a24; --s2-panel-2:#162230;
  --s2-line:#263646; --s2-text:#eef4f8; --s2-muted:#93a4b3;
  --s2-accent:#e4874f; --s2-blue:#69a9e6;
  --s2-bar:52px; --s2-tb:46px; --s2-left:280px; --s2-right:320px;
}
.pf-studio-social .s2-bar{
  position:relative; z-index:25; height:var(--s2-bar); min-height:var(--s2-bar);
  padding:0 14px;
}
.pf-studio-social .s2-mobile-actions-toggle.s2-btn{display:none;}
.pf-studio-social .s2-mobile-nav{display:none;}
.pf-studio-social .s2-workspace-name{max-width:180px; margin:0; overflow:hidden; color:var(--s2-text); font-size:12px; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-mobile-actions-menu{display:flex; align-items:center; gap:8px;}
.pf-studio-social.is-composer .s2-view-inner{max-width:none; padding:22px 22px 48px;}
.pf-studio-social.is-composer .s2-view-head{margin-bottom:26px;}
.pf-studio-social.is-composer .s2-view-kicker{
  margin-bottom:8px; font:700 10px/1 var(--pf-font-mono); letter-spacing:.14em;
}
.pf-studio-social #pf-social{min-width:0;}
.pf-studio-social .s2-composer{min-width:0; color:var(--s2-text);}
.pf-studio-social .s2-sub{
  display:flex; align-items:center; gap:12px; min-width:0; margin-bottom:18px;
  padding:12px; overflow-x:auto; border:1px solid var(--s2-line);
  border-radius:10px; background:var(--s2-work-bg); box-shadow:0 8px 28px rgba(0,0,0,.16);
  scrollbar-width:thin;
}
.pf-studio-social .s2-sub > *{flex:none;}
.pf-studio-social .s2-sub-current{display:flex; align-items:center; gap:8px; min-width:150px;}
.pf-studio-social .s2-sub-back{display:inline-flex; align-items:center; gap:3px; color:var(--s2-muted); font-size:12px; text-decoration:none;}
.pf-studio-social .s2-sub-template{max-width:210px; overflow:hidden; color:var(--s2-text); font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-sub-group{display:flex; align-items:center; gap:6px;}
.pf-studio-social .s2-sub-label{
  color:var(--s2-muted); font:700 10px/1 var(--pf-font-mono);
  letter-spacing:.12em; text-transform:uppercase;
}
.pf-studio-social .s2-control-label{
  color:var(--s2-muted); font:700 9px/1 var(--pf-font-mono);
  letter-spacing:.12em; text-transform:uppercase;
}
.pf-studio-social .s2-eyebrow{
  color:var(--s2-muted); font:700 9.5px/1 var(--pf-font-mono);
  letter-spacing:.14em; text-transform:uppercase;
}
.pf-studio-social .s2-semantic-eyebrow{
  color:var(--s2-muted); font:600 .72rem/1.2 var(--pf-font);
  letter-spacing:.12em; text-transform:uppercase;
}
.pf-studio-social .s2-sub-context,.pf-studio-social .s2-format-chip,.pf-studio-social .s2-manual-badge{
  display:inline-flex; align-items:center; min-height:24px; padding:4px 8px;
  border:1px solid var(--s2-line); border-radius:999px; color:var(--s2-muted);
  font-family:var(--mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase;
}
.pf-studio-social .s2-sub-spacer{flex:1 0 12px;}
.pf-studio-social .s2-segment{display:inline-flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--s2-line); border-radius:7px; background:#0a1017;}
.pf-studio-social .s2-control-form{display:inline-flex; margin:0;}
.pf-studio-social .s2-toolbar-select{
  box-sizing:border-box; min-width:108px; max-width:168px; min-height:32px; padding:6px 28px 6px 9px;
  border:1px solid var(--s2-line); border-radius:7px; background:#0a1017; color:var(--s2-text);
  font-family:var(--font); font-size:11px; font-weight:650; color-scheme:dark; cursor:pointer;
}
.pf-studio-social .s2-toolbar-select:hover{border-color:#45637e; background:var(--s2-panel-2);}
.pf-studio-social .s2-toolbar-select:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social #s2-stack-template-form[hidden]{display:none!important;}
.pf-studio-social .s2-control-form[data-social-scene-command][hidden]{display:none!important;}
.pf-studio-social [data-social-scene-promote][hidden]{display:none!important;}
.pf-studio-social .s2-seg-btn,
.pf-studio-social .pf-social-tab,
.pf-studio-social .pf-social-fmt{
  min-height:31px; padding:7px 8px; border:0; border-radius:5px; background:transparent;
  color:var(--s2-muted); font-family:var(--font); font-size:11px; font-weight:650; cursor:pointer;
}
.pf-studio-social .pf-social-tab{min-width:24px;}
.pf-studio-social .s2-seg-btn:hover,
.pf-studio-social .pf-social-tab:hover,
.pf-studio-social .pf-social-fmt:hover{color:var(--s2-text); background:var(--s2-panel-2);}
.pf-studio-social .s2-seg-btn.is-active,
.pf-studio-social .s2-seg-btn[aria-pressed="true"],
.pf-studio-social .pf-social-tab.is-active,
.pf-studio-social .pf-social-fmt.is-active{
  color:#fff; background:#29435b; box-shadow:inset 0 0 0 1px rgba(105,169,230,.24);
}
.pf-studio-social .s2-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px;
  padding:7px 10px; border:1px solid var(--s2-line); border-radius:7px;
  background:var(--s2-panel); color:var(--s2-text); font-size:11px; font-weight:650;
  line-height:1.1; text-decoration:none; white-space:nowrap; cursor:pointer;
}
.pf-studio-social .s2-btn:hover{border-color:#45637e; background:var(--s2-panel-2);}
.pf-studio-social .s2-btn[disabled]{opacity:.5; cursor:not-allowed; pointer-events:none;}

.pf-studio-social .s2-composer-grid{
  display:grid; grid-template-columns:var(--s2-left) minmax(0,1fr) var(--s2-right);
  grid-template-areas:"rail stage slot"; gap:18px; align-items:start; min-width:0;
}
.pf-studio-social .s2-slotbar{grid-area:slot;}
.pf-studio-social .s2-stage{
  grid-area:stage; position:sticky; top:16px; display:flex; min-width:0;
  min-height:0; flex-direction:column; overflow:hidden;
}
.pf-studio-social .s2-rail{grid-area:rail;}
.pf-studio-social .s2-slotbar,.pf-studio-social .s2-rail{
  min-width:0; overflow:hidden; border:1px solid var(--s2-line); border-radius:10px;
  background:var(--s2-panel); box-shadow:0 8px 28px rgba(0,0,0,.14);
}
.pf-studio-social .s2-rail-head-actions{display:flex; align-items:center; gap:7px;}
.pf-studio-social .s2-mobile-slot-toggle,.pf-studio-social .s2-mobile-sheet-head,
.pf-studio-social .s2-medium-tools,
.pf-studio-social .s2-bottombar{display:none;}
.pf-studio-social .s2-rail-head,.pf-studio-social .s2-assets-head,.pf-studio-social .s2-publish-heading{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.pf-studio-social .s2-rail-head{padding:18px 20px; border-bottom:1px solid var(--s2-line);}
.pf-studio-social .s2-rail-head h2,.pf-studio-social .s2-assets-head h3,.pf-studio-social .s2-publish-heading h2{
  margin:3px 0 0; color:var(--s2-text); font-size:14px; line-height:1.25;
}
.pf-studio-social .s2-slotbar-list{display:flex; flex-direction:column; gap:6px; padding:12px;}
.pf-studio-social .s2-slot{
  display:grid; grid-template-columns:24px minmax(0,1fr) 8px; align-items:center; gap:7px;
  width:100%; min-width:0; padding:10px 12px; border:1px solid transparent; border-radius:7px;
  background:transparent; color:var(--s2-text); text-align:left; cursor:pointer;
}
.pf-studio-social .s2-slot:hover{background:var(--s2-panel-2);}
.pf-studio-social .s2-slot.is-active,.pf-studio-social .s2-slot[aria-pressed="true"]{border-color:#3d5d78; background:#192a39;}
.pf-studio-social .s2-slot-icon{display:grid; place-items:center; width:24px; height:24px; border-radius:6px; background:#223244; color:var(--s2-blue);}
.pf-studio-social .s2-slot strong,.pf-studio-social .s2-slot small{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-slot strong{font-size:12px;}.pf-studio-social .s2-slot small{margin-top:3px; color:var(--s2-muted); font-size:10px; text-transform:capitalize;}
.pf-studio-social .s2-slot-dot{width:6px; height:6px; border-radius:50%; background:var(--s2-accent);}
.pf-studio-social .s2-slotctl,.pf-studio-social .s2-control-block,.pf-studio-social .s2-enhance{
  display:flex; flex-direction:column; gap:10px; padding:14px 16px; border-top:1px solid var(--s2-line);
}
.pf-studio-social .s2-slotctl h3{margin:0; color:var(--s2-text); font-size:13px;}
.pf-studio-social .s2-slot-current{display:flex; align-items:center; gap:8px; min-width:0; padding:7px; border-radius:7px; background:#0c141c;}
.pf-studio-social .s2-slot-current img{width:34px; height:34px; flex:none; border-radius:5px; object-fit:cover;}
.pf-studio-social .s2-slot-current span{overflow:hidden; color:var(--s2-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-slot-actions{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.pf-studio-social .s2-slot-actions .pf-link{
  display:inline-flex; min-height:24px; align-items:center; padding:3px 4px; font-size:9px;
}
.pf-studio-social .s2-layer-panel{
  display:flex; flex-direction:column; gap:9px; padding:14px 16px;
  border-top:1px solid var(--s2-line);
}
.pf-studio-social .s2-layer-panel-head{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.pf-studio-social .s2-layer-panel > .pf-hint{margin:0; font-size:11px; line-height:1.4;}
.pf-studio-social .s2-layer-list{display:flex; flex-direction:column; gap:8px;}
.pf-studio-social .s2-layer-item{
  display:flex; flex-direction:column; gap:8px; min-width:0; padding:8px;
  border:1px solid var(--s2-line); border-radius:8px; background:#0d151d;
}
.pf-studio-social .s2-layer-item.is-unavailable{border-color:#8b6335;}
.pf-studio-social .s2-layer-item-head{display:flex; align-items:center; gap:5px; min-width:0;}
.pf-studio-social .s2-layer-select{
  display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:7px;
  min-width:0; flex:1 1 auto; padding:0; border:0; background:transparent;
  color:var(--s2-text); text-align:left; cursor:pointer;
}
.pf-studio-social .s2-layer-select img{width:32px; height:32px; border-radius:5px; object-fit:contain; background:#17222d;}
.pf-studio-social .s2-layer-select strong,.pf-studio-social .s2-layer-select small{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-layer-select strong{font-size:10px;}.pf-studio-social .s2-layer-select small{margin-top:2px; color:var(--s2-muted); font-size:8px;}
.pf-studio-social .s2-layer-item.is-selected{border-color:var(--s2-blue); box-shadow:inset 0 0 0 1px rgba(105,169,230,.24);}
.pf-studio-social .s2-layer-select[aria-pressed="true"]{color:#fff;}
.pf-studio-social .s2-layer-nudges{display:grid; grid-template-columns:repeat(4,1fr); gap:4px;}
.pf-studio-social .s2-layer-nudges form{display:block; min-width:0;}
.pf-studio-social .s2-layer-nudges .s2-icon-btn{width:100%; min-height:27px;}
.pf-studio-social .s2-range-form{display:flex; flex-direction:column; gap:5px; margin:0;}
.pf-studio-social .s2-range-form label{display:flex; justify-content:space-between; color:var(--s2-muted); font-size:11px;}
.pf-studio-social .s2-range-form output{color:var(--s2-text); font-family:var(--mono);}
.pf-studio-social .s2-range-form input[type="range"]{width:100%; accent-color:var(--s2-accent);}
.pf-studio-social .s2-position-controls{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px;}
.pf-studio-social .s2-reframe-help{margin:0; line-height:1.45;}
.pf-studio-social [data-social-reframe][aria-pressed="true"]{
  border-color:var(--s2-blue); background:#183047; color:#fff;
}
.pf-studio-social .s2-reframe-reset{align-self:flex-start;}
.pf-studio-social .s2-empty{margin:0; padding:12px; color:var(--s2-muted); font-size:10px; line-height:1.45;}
.pf-studio-social .s2-isolate-status{display:flex; flex-direction:column; gap:5px; color:var(--s2-muted); font-size:9px; line-height:1.4;}
.pf-studio-social .s2-isolate-status form{display:flex; margin:0;}
.pf-studio-social .s2-copy-editor{
  display:flex; min-width:0; flex-direction:column; gap:10px; padding:14px 16px;
  border-top:1px solid var(--s2-line);
}
.pf-studio-social .s2-copy-head{display:flex; min-width:0; flex-direction:column; gap:3px;}
.pf-studio-social .s2-copy-fields{display:flex; min-width:0; flex-direction:column; gap:10px;}
.pf-studio-social .s2-copy-field{
  min-width:0; padding:10px; border:1px solid var(--s2-line); border-radius:7px;
  background:#0d151d;
}
.pf-studio-social .s2-copy-field.is-missing{border-color:#8b6335; background:#17140f;}
.pf-studio-social .s2-copy-form{display:flex; min-width:0; flex-direction:column; gap:6px; margin:0;}
.pf-studio-social .s2-copy-form label{
  display:flex; min-width:0; align-items:center; justify-content:space-between; gap:7px;
  color:var(--s2-text); font-size:11px; font-weight:700;
}
.pf-studio-social .s2-copy-form label small{color:#e5c878; font-size:7px; font-weight:650; text-transform:uppercase;}
.pf-studio-social .s2-copy-form .pf-input{
  box-sizing:border-box; width:100%; min-width:0; border-color:var(--s2-line);
  background:#0b1219; color:var(--s2-text); font-size:11px; resize:vertical;
}
.pf-studio-social .s2-copy-actions{display:flex; min-width:0; align-items:center; gap:7px; flex-wrap:wrap;}
.pf-studio-social .s2-copy-actions .pf-link{font-size:9px;}
.pf-studio-social .s2-testimonial-evidence{
  display:flex; min-width:0; flex-direction:column; gap:10px; padding:14px 16px;
  border-top:1px solid var(--s2-line); background:#101821;
}
.pf-studio-social .s2-testimonial-evidence > .pf-hint{
  margin:0; overflow-wrap:anywhere; line-height:1.45;
}
.pf-studio-social .s2-testimonial-form{
  display:flex; min-width:0; flex-direction:column; gap:9px; margin:0;
}
.pf-studio-social .s2-testimonial-form .pf-field{min-width:0; margin:0;}
.pf-studio-social .s2-testimonial-form .pf-field-label{
  display:block; margin-bottom:4px; color:var(--s2-text); font-size:10px;
  font-weight:700; overflow-wrap:anywhere;
}
.pf-studio-social .s2-testimonial-form .pf-input{
  box-sizing:border-box; width:100%; max-width:100%; min-width:0;
  border-color:var(--s2-line); background:#0b1219; color:var(--s2-text);
  font-size:11px;
}
.pf-studio-social .s2-testimonial-form textarea.pf-input{resize:vertical;}
.pf-studio-social .s2-testimonial-receipt{
  display:flex; min-width:0; flex-direction:column; gap:9px; padding-top:12px;
  border-top:1px solid var(--s2-line);
}
.pf-studio-social .s2-testimonial-receipt > .pf-hint{
  margin:0; overflow-wrap:anywhere;
}
.pf-studio-social .s2-testimonial-actions{
  display:flex; min-width:0; align-items:center; gap:8px; flex-wrap:wrap;
}
.pf-studio-social .s2-testimonial-actions form{margin:0;}
.pf-studio-social .s2-testimonial-actions .pf-link{font-size:9px;}
.pf-studio-social .s2-format-chip.is-warn{border-color:#8b6335; color:#e5c878;}

.pf-studio-social .s2-swatches{display:flex; gap:6px; flex-wrap:wrap;}
.pf-studio-social .s2-swatch{width:25px; height:25px; padding:0; border:1px solid #3a4c5e; border-radius:6px; background:#fff; color:#0b1118; cursor:pointer;}
.pf-studio-social .s2-swatch.is-active,.pf-studio-social .s2-swatch[aria-pressed="true"]{outline:2px solid var(--s2-accent); outline-offset:1px;}
.pf-studio-social .s2-swatch.is-none{background:#101923; color:var(--s2-muted);}
.pf-studio-social .s2-swatch-white{background:#fff;}.pf-studio-social .s2-swatch-surface{background:#fafbfc;}
.pf-studio-social .s2-swatch-navy{background:#0f2030;}.pf-studio-social .s2-swatch-blue{background:#004b96;}
.pf-studio-social .s2-swatch-terracotta{background:#c56630;}
.pf-studio-social .s2-swatch-art{overflow:hidden; background:#17222d;}
.pf-studio-social .s2-swatch-art img{display:block; width:100%; height:100%; object-fit:cover;}
.pf-studio-social .s2-text-schemes{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; min-width:0;}
.pf-studio-social .s2-text-schemes .s2-control-form{width:100%; min-width:0;}
.pf-studio-social .s2-text-scheme{
  display:grid; width:100%; min-width:0; min-height:30px; padding:0; place-items:center;
  border:1px solid #3a4c5e; border-radius:6px; color:#1f2933; cursor:pointer;
  font-family:var(--font); font-size:11px; font-weight:700;
}
.pf-studio-social .s2-text-scheme-ink{background:#edf2f7;}
.pf-studio-social .s2-text-scheme-inkwash{background:linear-gradient(180deg,#d8e1e9,#c4d0da);}
.pf-studio-social .s2-text-scheme-inkpanel{background:#f4f7fa; box-shadow:inset 0 0 0 1px rgba(31,41,51,.12);}
.pf-studio-social .s2-text-scheme-light{background:#0f2030; color:#edf2f7;}
.pf-studio-social .s2-text-scheme-lightscrim{background:linear-gradient(180deg,#46586a,#2a3b4b); color:#fff;}
.pf-studio-social .s2-text-scheme:hover{border-color:var(--s2-blue);}
.pf-studio-social .s2-text-scheme.is-auto{outline:1px dashed rgba(197,102,48,.72); outline-offset:1px;}
.pf-studio-social .s2-text-scheme.is-active,.pf-studio-social .s2-text-scheme[aria-pressed="true"]{outline:2px solid var(--s2-accent); outline-offset:1px;}
.pf-studio-social .s2-text-scheme:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}

.pf-studio-social .s2-stage .s2-frame{
  box-sizing:border-box; min-height:640px; flex:1 1 auto; padding:28px;
  justify-content:flex-start;
  border-color:var(--s2-line); background:
    radial-gradient(circle at 50% 38%,rgba(45,73,98,.34),transparent 46%),
    var(--s2-work-bg); overflow:auto; overscroll-behavior:contain;
}
.pf-studio-social .s2-stage .pf-social-preview{
  width:var(--s2-stage-preview-width,100%); max-width:none; flex:none;
  border-radius:7px; background:#fff; box-shadow:0 16px 44px rgba(0,0,0,.46);
}
.pf-studio-social .s2-stage-tools{
  display:flex; min-height:40px; flex:none; align-items:center; justify-content:space-between;
  gap:10px; padding:0 10px; border-bottom:1px solid var(--s2-line);
  background:#101d2a; color:var(--s2-text);
}
.pf-studio-social .s2-stage-tools-label{
  color:var(--s2-muted); font:700 9px/1 var(--pf-font-mono);
  letter-spacing:.12em; text-transform:uppercase;
}
.pf-studio-social .s2-stage-zoom{
  display:flex; align-items:center; gap:3px; padding:3px;
  border:1px solid var(--s2-line); border-radius:8px; background:#0b131c;
}
.pf-studio-social .s2-stage-zoom .s2-icon-btn{width:28px; height:28px;}
.pf-studio-social .s2-stage-zoom .s2-icon-btn > span{
  font:700 17px/1 var(--pf-font-sans);
}
.pf-studio-social .s2-stage-fit{
  min-height:28px; padding:4px 9px; border:0; border-radius:5px;
  background:transparent; color:var(--s2-muted); font-size:10px; font-weight:700;
  cursor:pointer;
}
.pf-studio-social .s2-stage-fit:hover{background:var(--s2-panel-2); color:var(--s2-text);}
.pf-studio-social .s2-stage-fit[aria-pressed="true"]{background:#29435b; color:#fff;}
.pf-studio-social .s2-stage-zoom output{
  min-width:46px; color:var(--s2-muted); font:600 9px/1 var(--pf-font-mono);
  text-align:center;
}
.pf-studio-social .pf-social-stage{position:relative;}
.pf-studio-social .pf-card-stage > foreignObject{pointer-events:none;}
.pf-studio-social .s2-stage-copy-layer{
  position:absolute; z-index:3; top:0; left:0; display:block; width:100%; height:auto;
  overflow:visible; pointer-events:none;
}
.pf-studio-social .s2-stage-copy-hit{overflow:visible; pointer-events:all;}
.pf-studio-social .s2-stage-copy-target{
  display:block; box-sizing:border-box; width:100%; height:100%; min-width:0;
  min-height:0; margin:0; padding:0; border:2px solid transparent; border-radius:8px;
  background:transparent; color:transparent; font-size:0; cursor:text;
  touch-action:manipulation;
}
.pf-studio-social .s2-stage-copy-target:hover{
  border-color:rgba(255,255,255,.78); background:rgba(105,169,230,.08);
  box-shadow:inset 0 0 0 1px rgba(15,32,48,.52);
}
.pf-studio-social .s2-stage-copy-target:focus-visible{
  border-color:#fff; outline:3px solid var(--s2-blue); outline-offset:-5px;
  background:rgba(105,169,230,.13); box-shadow:inset 0 0 0 1px rgba(15,32,48,.68);
}
.pf-studio-social .s2-composer.is-hydrating .s2-stage-copy-layer,
.pf-studio-social .pf-social-stage.is-reframing .s2-stage-copy-layer{
  visibility:hidden; pointer-events:none;
}
.pf-studio-social .s2-composer.is-layer-source-dragging .s2-stage-copy-layer,
.pf-studio-social .s2-composer.is-layer-source-dragging .s2-stage-copy-hit,
.pf-studio-social .s2-composer.is-layer-source-dragging .s2-stage-copy-target{
  pointer-events:none;
}
.pf-studio-social .s2-reframe-overlay{
  position:absolute; inset:0; z-index:4; display:block; width:100%; height:100%;
  overflow:visible; pointer-events:none; touch-action:none; user-select:none;
}
.pf-studio-social .s2-reframe-ghost{
  opacity:.35; pointer-events:none; user-select:none;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.34));
}
.pf-studio-social .s2-reframe-frame{
  fill:transparent; stroke:var(--s2-accent); stroke-width:3;
  vector-effect:non-scaling-stroke; pointer-events:none;
}
.pf-studio-social .s2-reframe-outline{
  fill:transparent; stroke:#fff; stroke-width:3;
  stroke-dasharray:12 8; vector-effect:non-scaling-stroke; pointer-events:all; cursor:move;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.75));
}
.pf-studio-social .s2-reframe-hit{
  fill:transparent; stroke:transparent; stroke-width:44;
  vector-effect:non-scaling-stroke; pointer-events:all;
}
.pf-studio-social .s2-reframe-handle{
  fill:#fff; stroke:var(--s2-blue); stroke-width:4; vector-effect:non-scaling-stroke;
  pointer-events:none; filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));
}
.pf-studio-social .s2-reframe-handle-nw,
.pf-studio-social .s2-reframe-handle-se,
.pf-studio-social .s2-reframe-hit-nw,
.pf-studio-social .s2-reframe-hit-se{cursor:nwse-resize;}
.pf-studio-social .s2-reframe-handle-ne,
.pf-studio-social .s2-reframe-handle-sw,
.pf-studio-social .s2-reframe-hit-ne,
.pf-studio-social .s2-reframe-hit-sw{cursor:nesw-resize;}
.pf-studio-social .s2-reframe-overlay:focus{outline:none;}
.pf-studio-social .s2-reframe-overlay:focus .s2-reframe-outline{
  stroke:var(--s2-blue); stroke-width:5;
}
.pf-studio-social .s2-reframe-overlay.is-dirty .s2-reframe-outline{stroke:#f0c46c;}
.pf-studio-social .s2-reframe-overlay.is-saving .s2-reframe-outline,
.pf-studio-social .s2-reframe-overlay.is-saving .s2-reframe-hit,
.pf-studio-social .s2-reframe-overlay.is-saving .s2-reframe-handle{cursor:progress;}
.pf-studio-social .pf-floating-layer-control{outline:none;}
.pf-studio-social .pf-floating-layer-hit{fill:transparent; pointer-events:all; cursor:grab; touch-action:none;}
.pf-studio-social .pf-floating-layer-outline{fill:none; stroke:transparent; stroke-width:6; pointer-events:none;}
.pf-studio-social .pf-floating-layer-resize-hit{
  display:none; fill:transparent; stroke:none; stroke-width:0;
  vector-effect:non-scaling-stroke; pointer-events:all; cursor:nwse-resize; touch-action:none;
}
.pf-studio-social .pf-floating-layer-resize{
  display:none; fill:#fff; stroke:#004b96; stroke-width:6px;
  vector-effect:non-scaling-stroke; pointer-events:all; cursor:nwse-resize; touch-action:none;
}
.pf-studio-social .pf-floating-layer-control.is-selected .pf-floating-layer-outline,
.pf-studio-social .pf-floating-layer-control:focus-visible .pf-floating-layer-outline{stroke:#1b78cf; stroke-dasharray:14 9;}
.pf-studio-social .pf-floating-layer-control.is-selected .pf-floating-layer-resize,
.pf-studio-social .pf-floating-layer-control:focus-visible .pf-floating-layer-resize,
.pf-studio-social .pf-floating-layer-control.is-selected .pf-floating-layer-resize-hit,
.pf-studio-social .pf-floating-layer-control:focus-visible .pf-floating-layer-resize-hit{display:block;}
.pf-studio-social .pf-floating-layer-control.is-dragging .pf-floating-layer-hit{cursor:grabbing;}
.pf-studio-social .s2-stage.is-layer-drop-target .pf-social-preview{outline:3px solid var(--s2-accent); outline-offset:4px;}
.pf-studio-social .s2-readiness{
  box-sizing:border-box; width:100%; max-width:640px; margin-top:14px; padding:11px 12px;
  border:1px solid #2d7257; border-radius:8px; background:#0d1d18; color:#80d7b1;
  font-size:9px; line-height:1.45;
}
.pf-studio-social .s2-readiness strong{display:block; color:inherit; font-size:10px;}
.pf-studio-social .s2-readiness.is-missing{border-color:#8b6335; background:#1b160e; color:#e5c878;}
.pf-studio-social .s2-readiness ul{display:flex; gap:5px; flex-wrap:wrap; margin:6px 0 0; padding:0; list-style:none;}
.pf-studio-social .s2-readiness a{
  display:inline-flex; min-height:25px; align-items:center; padding:3px 7px;
  border:1px solid currentColor; border-radius:6px; color:inherit; font-weight:700;
  text-decoration:none;
}
.pf-studio-social .s2-readiness a:hover{text-decoration:underline;}
.pf-studio-social .s2-readiness a:focus-visible,
.pf-studio-social .s2-bottombar button:focus-visible,
.pf-studio-social .s2-mobile-slot-toggle:focus-visible,
.pf-studio-social .s2-mobile-sheet-head .s2-icon-btn:focus-visible,
.pf-studio-social .s2-libseg button:focus-visible,
.pf-studio-social .s2-asset-filter button:focus-visible,
.pf-studio-social .s2-search:focus-visible,
.pf-studio-social .pf-social-film-btn:focus-visible{
  outline:2px solid var(--s2-blue); outline-offset:2px;
}

.pf-studio-social .s2-stack{
  min-width:0; margin-top:10px; overflow:hidden; border:1px solid var(--s2-line);
  border-radius:10px; background:var(--s2-work-bg); color:var(--s2-text);
  box-shadow:0 8px 28px rgba(0,0,0,.14);
}
.pf-studio-social .s2-stack-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:9px 11px; border-bottom:1px solid var(--s2-line);
}
.pf-studio-social .s2-stack-head h2{display:flex; align-items:center; gap:6px; margin:2px 0 0; color:var(--s2-text); font-size:11px;}
.pf-studio-social .s2-stack-head-side{display:flex; min-width:0; align-items:flex-end; flex-direction:column; gap:5px;}
.pf-studio-social .s2-stack-head-actions{display:flex; align-items:center; justify-content:flex-end; gap:5px; flex-wrap:wrap;}
.pf-studio-social .s2-stack-head-btn{
  min-height:28px; padding:5px 8px; border:1px solid var(--s2-line); border-radius:6px;
  background:var(--s2-panel); color:var(--s2-text); font-size:9px; font-weight:700; cursor:pointer;
}
.pf-studio-social .s2-stack-head-btn:hover{border-color:#45637e; background:var(--s2-panel-2);}
.pf-studio-social .s2-stack-head-btn.is-danger{border-color:#704747; color:#ffb0a7;}
.pf-studio-social .s2-stack-head-btn:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-card-change-blocked{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:8px 9px 0; padding:8px 10px; border:1px solid #8b6335; border-radius:7px;
  background:#21180f; color:#f1d79b; font-size:10px; line-height:1.4;
}
.pf-studio-social .s2-card-change-blocked[hidden]{display:none;}
.pf-studio-social .s2-card-change-blocked p{margin:0;}
.pf-studio-social .s2-card-change-blocked strong{color:#fff0ca;}
.pf-studio-social .s2-card-change-blocked:focus{outline:none;}
.pf-studio-social .s2-card-change-blocked:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-count{color:var(--s2-muted); font-family:var(--mono); font-size:8px; font-weight:600;}
.pf-studio-social .s2-note{margin:0; color:var(--s2-muted); font-size:9px; line-height:1.4;}
.pf-studio-social .s2-stack-list{
  display:flex; gap:8px; min-width:0; margin:0; padding:9px; overflow-x:auto;
  list-style:none; scrollbar-width:thin; scroll-snap-type:x proximity;
}
.pf-studio-social .s2-stacktile{
  display:flex; flex:0 0 126px; flex-direction:column; gap:5px; min-width:0; padding:5px;
  border:1px solid var(--s2-line); border-radius:8px; background:#0d151d;
  scroll-snap-align:start; transition:border-color 140ms ease, box-shadow 140ms ease,
  opacity 140ms ease;
}
.pf-studio-social .s2-stacktile.is-current{border-color:var(--s2-accent); box-shadow:inset 0 0 0 1px rgba(228,135,79,.25);}
.pf-studio-social .s2-stacktile.is-stack-dragging{opacity:.48;}
.pf-studio-social .s2-stacktile.is-stack-drop-before{box-shadow:-4px 0 0 var(--s2-blue);}
.pf-studio-social .s2-stacktile.is-stack-drop-after{box-shadow:4px 0 0 var(--s2-blue);}
.pf-studio-social .s2-stack-list.is-stack-order-saving::after{
  content:"Saving order…"; position:sticky; right:6px; align-self:flex-start; flex:0 0 auto;
  padding:4px 7px; border:1px solid #45637e; border-radius:999px;
  background:#111c27; color:var(--s2-text); font:600 8px/1 var(--pf-font-ui);
}
.pf-studio-social .s2-stack-select{
  display:flex; flex-direction:column; gap:5px; width:100%; min-width:0; padding:0;
  border:0; background:transparent; color:var(--s2-text); text-align:left; cursor:pointer;
}
.pf-studio-social .s2-stack-select:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px; border-radius:5px;}
.pf-studio-social .s2-stack-thumb{
  display:grid; position:relative; width:100%; height:82px; place-items:center; overflow:hidden;
  border-radius:5px; background:#17222d; color:var(--s2-muted);
  font-family:var(--mono); font-size:12px;
}
.pf-studio-social .s2-stack-thumb [data-stack-preview-stage]{
  position:absolute; inset:0; display:flex; overflow:hidden; align-items:flex-start;
  justify-content:center; background:#fff; pointer-events:none;
}
.pf-studio-social .s2-stack-thumb [data-stack-preview-stage][data-preview-rendering]{
  visibility:hidden;
}
.pf-studio-social .s2-stack-thumb [data-stack-preview-stage]::part(content){
  flex:0 0 auto; transform:scale(var(--s2-stack-preview-scale,.06074));
  transform-origin:top center;
}
.pf-studio-social [data-stack-preview-stage][data-preview-width="1080"][data-preview-height="1350"]{
  --s2-stack-preview-scale:.06074074;
}
.pf-studio-social [data-stack-preview-stage][data-preview-width="1080"][data-preview-height="1080"]{
  --s2-stack-preview-scale:.07592593;
}
.pf-studio-social [data-stack-preview-stage][data-preview-width="1080"][data-preview-height="1920"]{
  --s2-stack-preview-scale:.04270833;
}
.pf-studio-social [data-stack-preview-stage][data-preview-width="1920"][data-preview-height="1080"]{
  --s2-stack-preview-scale:.06041667;
}
.pf-studio-social [data-stack-preview-stage][data-preview-width="1200"][data-preview-height="900"]{
  --s2-stack-preview-scale:.09111111;
}
.pf-studio-social .s2-stack-thumb [hidden]{display:none;}
.pf-studio-social .s2-stack-thumb[data-preview-error="1"]::after{
  content:"Preview unavailable"; position:absolute; right:5px; bottom:5px; left:5px;
  padding:3px; border-radius:4px; background:rgba(9,17,25,.9); color:#f1d79b;
  font:600 7px/1.3 var(--pf-font-ui); text-align:center;
}
.pf-studio-social .s2-stack-meta{display:grid; grid-template-columns:17px minmax(0,1fr); align-items:center; gap:4px; min-width:0; font-size:8px;}
.pf-studio-social .s2-stack-meta strong{display:grid; width:17px; height:17px; place-items:center; border-radius:50%; background:#24384a; font-family:var(--mono); font-size:7px;}
.pf-studio-social .s2-stack-meta span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-stack-actions{display:grid; grid-template-columns:repeat(4,1fr); gap:3px;}
.pf-studio-social .s2-stack-actions form{display:block; min-width:0;}
.pf-studio-social .s2-stack-actions button{
  display:grid; width:100%; min-height:27px; padding:0; place-items:center; border:1px solid var(--s2-line);
  border-radius:5px; background:#111c27; color:var(--s2-muted); cursor:pointer;
}
.pf-studio-social .s2-stack-actions button:hover:not([disabled]){border-color:#45637e; color:var(--s2-text); background:var(--s2-panel-2);}
.pf-studio-social .s2-stack-actions button[disabled]{opacity:.32; cursor:not-allowed;}
.pf-studio-social .s2-stack-drag-handle{touch-action:none; cursor:grab !important;}
.pf-studio-social .s2-stack-drag-handle:active{cursor:grabbing !important;}
.pf-studio-social .s2-stack-context-menu{
  position:fixed; z-index:90; display:grid; min-width:178px; padding:5px;
  border:1px solid #45637e; border-radius:8px; background:#111c27;
  box-shadow:0 14px 34px rgba(0,0,0,.4);
}
.pf-studio-social .s2-stack-context-menu[hidden]{display:none;}
.pf-studio-social .s2-stack-context-menu button{
  width:100%; padding:8px 10px; border:0; border-radius:5px; background:transparent;
  color:var(--s2-text); font:600 10px/1.2 var(--pf-font-ui); text-align:left; cursor:pointer;
}
.pf-studio-social .s2-stack-context-menu button:hover:not([disabled]),
.pf-studio-social .s2-stack-context-menu button:focus-visible{
  outline:none; background:var(--s2-panel-2);
}
.pf-studio-social .s2-stack-context-menu button[disabled]{color:var(--s2-muted); opacity:.48; cursor:not-allowed;}
.pf-studio-social .s2-stack-context-menu [data-stack-context-action="remove"]{color:#f2aaa2;}

.pf-studio-social .s2-stack-review{
  display:flex; box-sizing:border-box; width:100%; min-width:0; max-width:680px; min-height:0;
  margin:0 auto; flex-direction:column; overflow:hidden; border:1px solid var(--s2-line);
  border-radius:10px; background:var(--s2-work-bg); color:var(--s2-text);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.pf-studio-social .s2-stack-review[hidden]{display:none;}
.pf-studio-social [data-stack-single-preview][hidden]{display:none !important;}
.pf-studio-social .s2-stack-review-head{
  display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px;
  padding:12px; border-bottom:1px solid var(--s2-line); background:#0d151e;
}
.pf-studio-social .s2-stack-review-head h2{margin:2px 0 0; color:var(--s2-text); font-size:14px; line-height:1.3;}
.pf-studio-social .s2-stack-review-head h2:focus{outline:none;}
.pf-studio-social .s2-stack-review-head h2:focus-visible{outline:2px solid var(--s2-blue); outline-offset:4px;}
.pf-studio-social .s2-stack-review-body{min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;}
.pf-studio-social .s2-stack-review-status{margin:0; padding:18px; color:var(--s2-muted); font-size:10px; line-height:1.5;}
.pf-studio-social .s2-stack-review-body > .s2-btn{margin:0 18px 18px;}
.pf-studio-social .s2-stack-review-list{
  display:flex; min-width:0; flex-direction:column; gap:14px; margin:0; padding:14px;
  list-style:none;
}
.pf-studio-social .s2-stack-review-item{min-width:0;}
.pf-studio-social .s2-stack-review-card{
  display:flex; box-sizing:border-box; width:100%; min-width:0; flex-direction:column; gap:9px;
  padding:8px; overflow:hidden; border:1px solid var(--s2-line); border-radius:9px;
  background:#0d151d; color:var(--s2-text); text-align:left; cursor:pointer;
}
.pf-studio-social .s2-stack-review-card:hover{border-color:#486784; background:#142231;}
.pf-studio-social .s2-stack-review-card:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-stack-review-card > :is(svg,img){
  display:block; width:auto; max-width:100%; height:auto; max-height:min(58dvh,680px);
  margin:0 auto; overflow:hidden; border-radius:6px;
  background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.28); pointer-events:none;
}
.pf-studio-social .s2-stack-review-meta{
  display:grid; min-width:0; grid-template-columns:auto minmax(0,1fr);
  align-items:baseline; gap:3px 7px; padding:0 2px 2px;
}
.pf-studio-social .s2-stack-review-meta strong{font-size:10px;}
.pf-studio-social .s2-stack-review-meta span{min-width:0; color:var(--s2-muted); font-size:9px; line-height:1.35;}
.pf-studio-social .s2-stack-review-meta .s2-stack-review-label{
  overflow:hidden; color:var(--s2-text); font-weight:700; text-overflow:ellipsis; white-space:nowrap;
}
.pf-studio-social .s2-stack-review-meta .s2-stack-review-purpose,
.pf-studio-social .s2-stack-review-meta .s2-stack-review-targets,
.pf-studio-social .s2-stack-review-meta .s2-stack-review-notes{grid-column:1 / -1;}
.pf-studio-social .s2-stack-review-meta .s2-stack-review-targets{color:#a9bfd1;}
.pf-studio-social .s2-stack-review-meta .s2-stack-review-notes{
  display:grid; gap:3px; margin-top:2px; padding:6px 7px; border:1px solid #8b6335;
  border-radius:5px; background:#21180f; color:#f1d79b; white-space:normal;
}

@media (min-width:900px){
  .pf-studio-social .s2-stage.is-stack-reviewing{
    display:flex; max-height:calc(100dvh - 32px); flex-direction:column; overflow:hidden;
  }
  .pf-studio-social .s2-stage.is-stack-reviewing .s2-stack-review{flex:1 1 auto;}
  .pf-studio-social .s2-stage.is-stack-reviewing .s2-stack{flex:0 0 auto;}
  .pf-studio-social .s2-stack-review{max-width:none; height:100%;}
  .pf-studio-social .s2-stack-review-list{
    display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    align-items:start; gap:12px;
  }
  .pf-studio-social .s2-stack-review-card > :is(svg,img){
    max-height:clamp(180px,calc(100dvh - 380px),680px);
  }
}

.pf-studio-social .s2-libseg{display:grid; grid-template-columns:1fr 1fr; padding:10px; border-bottom:1px solid var(--s2-line); background:#0d151e;}
.pf-studio-social .s2-libseg button{min-height:36px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--s2-muted); font-size:12px; font-weight:700; cursor:pointer;}
.pf-studio-social .s2-libseg button[aria-selected="true"]{border-bottom-color:var(--s2-accent); color:var(--s2-text);}
.pf-studio-social .s2-rail [role="tabpanel"]{padding:16px;}
.pf-studio-social .s2-search{min-height:36px; margin-bottom:12px; border-color:var(--s2-line); background:#0b1219; color:var(--s2-text); font-size:12px;}
.pf-studio-social .ss-tpl-list{display:flex; flex-flow:column nowrap; gap:12px; max-height:none; overflow:visible;}
.pf-studio-social .s2-template-family{display:flex; flex-direction:column; gap:6px; width:100%; min-width:0;}
.pf-studio-social .s2-template-card{position:relative; width:100%; min-width:0;}
.pf-studio-social .s2-template-family > h3{
  margin:4px 3px; color:var(--pf-terracotta-2); font:700 10.5px/1 var(--pf-font-mono);
  letter-spacing:.14em; text-transform:uppercase;
}
.pf-studio-social .pf-social-film-btn.ss-tpl{
  display:grid; grid-template-columns:86px minmax(0,1fr); gap:10px; position:relative;
  width:100%; min-width:0; padding:10px 12px 43px; border:1px solid var(--s2-line); border-radius:8px;
  background:#0d151d; color:var(--s2-text); text-align:left;
}
.pf-studio-social .pf-social-film-btn.ss-tpl:hover{border-color:#486784; background:#142231;}
.pf-studio-social .pf-social-film-btn.ss-tpl.is-active{border-color:var(--s2-accent); box-shadow:inset 0 0 0 1px rgba(228,135,79,.25);}
.pf-studio-social .ss-tpl > img,
.pf-studio-social .s2-template-preview{
  display:block; position:relative; width:86px; height:108px; overflow:hidden;
  border-radius:8px; background:#17222d;
}
.pf-studio-social .s2-template-preview > img{
  position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover;
}
.pf-studio-social .s2-template-preview [data-template-live-stage]{
  position:absolute; inset:0; display:flex; overflow:hidden; align-items:flex-start;
  justify-content:center; background:#fff; pointer-events:none;
}
.pf-studio-social .s2-template-preview [data-template-live-stage]::part(content){
  flex:0 0 auto; transform:scale(var(--s2-template-preview-scale,.07963));
  transform-origin:top center;
}
.pf-studio-social [data-template-live-stage][data-preview-width="1080"][data-preview-height="1350"],
.pf-studio-social [data-template-live-stage][data-preview-width="1080"][data-preview-height="1080"]{
  --s2-template-preview-scale:.07962963;
}
.pf-studio-social [data-template-live-stage][data-preview-width="1080"][data-preview-height="1920"]{
  --s2-template-preview-scale:.05625;
}
.pf-studio-social [data-template-live-stage][data-preview-width="1920"][data-preview-height="1080"]{
  --s2-template-preview-scale:.04479167;
}
.pf-studio-social [data-template-live-stage][data-preview-width="1200"][data-preview-height="900"]{
  --s2-template-preview-scale:.07166667;
}
.pf-studio-social .s2-template-preview [hidden]{display:none;}
.pf-studio-social .ss-tpl-copy{display:flex; flex-direction:column; gap:4px; min-width:0;}
.pf-studio-social .ss-tpl-copy strong{overflow:hidden; font-size:.9rem; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .ss-tpl-copy small{color:var(--s2-muted); font-size:.68rem; line-height:1.4;}
.pf-studio-social .ss-tpl-chips{display:flex; gap:3px; flex-wrap:wrap;}
.pf-studio-social .ss-tpl-chips span{
  padding:3px 5px 2px; border:1px solid var(--s2-line); border-radius:5px;
  color:var(--s2-muted); font:700 9.5px/1 var(--pf-font-mono);
  letter-spacing:.04em; text-transform:uppercase;
}
.pf-studio-social .ss-tpl .pf-social-rec-badge{position:absolute; top:7px; right:7px; margin:0; font-size:8px;}
.pf-studio-social .s2-template-stack-add{
  display:inline-flex; position:absolute; right:9px; bottom:8px; z-index:2; min-height:28px;
  align-items:center; gap:5px; padding:5px 8px; border:1px solid #527797; border-radius:6px;
  background:#162838; color:#e9f2f8; font:700 10px/1 var(--pf-font-mono); cursor:pointer;
  opacity:0; pointer-events:none; transform:translateY(3px);
  transition:opacity .12s ease,transform .12s ease,border-color .12s ease,background .12s ease;
}
.pf-studio-social .s2-template-card:hover .s2-template-stack-add,
.pf-studio-social .s2-template-card:focus-within .s2-template-stack-add{
  opacity:1; pointer-events:auto; transform:none;
}
.pf-studio-social .s2-template-stack-add:hover{border-color:var(--s2-accent); background:#20394d;}
.pf-studio-social .s2-template-stack-add:focus-visible{outline:2px solid var(--s2-accent); outline-offset:2px;}
.pf-studio-social .s2-template-stack-add:disabled{
  border-color:var(--s2-line); background:#111a22; color:var(--s2-muted); cursor:not-allowed;
}
.pf-studio-social .s2-template-card:hover .s2-template-stack-add:disabled,
.pf-studio-social .s2-template-card:focus-within .s2-template-stack-add:disabled{opacity:.62;}
.pf-studio-social .s2-template-stack-status{
  margin:-4px 0 10px; padding:8px 9px; border:1px solid #527797; border-radius:7px;
  background:#102130; color:#dcebf5; font-size:11px; line-height:1.4;
}
.pf-studio-social .s2-template-stack-status.is-error{border-color:#aa4f43; background:#281716; color:#ffafa5;}
.pf-studio-social .s2-template-stack-status[hidden]{display:none;}
.pf-studio-social .s2-assets-head{margin:3px 0 8px;}
.pf-studio-social .s2-assets-head-copy{min-width:0;}
.pf-studio-social .s2-assets-head-copy span{display:block; overflow:hidden; margin-top:2px; color:var(--s2-muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social #s2-asset-filter-status{flex:none; color:var(--s2-muted); font-family:var(--mono); font-size:8px;}
.pf-studio-social .s2-shared-library{
  margin:0 0 12px; padding:10px; border:1px solid #486784; border-radius:9px;
  background:#0b1219;
}
.pf-studio-social .s2-shared-library-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:8px;
}
.pf-studio-social .s2-shared-library-head-copy{min-width:0;}
.pf-studio-social .s2-shared-library-head h3{
  margin:3px 0 0; color:var(--s2-text); font-size:14px; line-height:1.25;
}
.pf-studio-social .s2-shared-library-platform{
  max-width:45%; overflow:hidden; padding:3px 5px; border:1px solid var(--s2-line);
  border-radius:5px; color:var(--s2-muted); font:700 7px/1 var(--pf-font-mono);
  letter-spacing:.08em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;
}
.pf-studio-social .s2-shared-library-intro,
.pf-studio-social .s2-shared-library-status,
.pf-studio-social .s2-shared-library-empty{
  margin:7px 0 0; color:var(--s2-muted); font-size:8px; line-height:1.45;
}
.pf-studio-social .s2-shared-library-status.is-error{color:#ffb0a7;}
.pf-studio-social .s2-shared-library-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px;
  max-height:min(260px,34dvh); overflow-x:hidden; overflow-y:auto;
  overscroll-behavior:contain; margin-top:9px; padding-right:2px; scrollbar-width:thin;
}
.pf-studio-social .s2-shared-library-choice{
  display:flex; min-width:0; overflow:hidden; flex-direction:column;
  border:1px solid var(--s2-line); border-radius:8px; background:#111c27;
}
.pf-studio-social .s2-shared-library-preview{
  position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; background:#17222d;
}
.pf-studio-social .s2-shared-library-preview img{
  display:block; width:100%; height:100%; object-fit:contain;
}
.pf-studio-social .s2-shared-library-kind{
  position:absolute; top:4px; left:4px; max-width:calc(100% - 8px); overflow:hidden;
  padding:2px 4px; border-radius:4px; background:rgba(6,13,20,.86); color:#c9d7e3;
  font:700 6px/1.2 var(--pf-font-mono); letter-spacing:.06em;
  text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;
}
.pf-studio-social .s2-shared-library-copy{
  display:flex; min-width:0; flex:1; flex-direction:column; gap:2px; padding:7px;
}
.pf-studio-social .s2-shared-library-copy strong{
  overflow:hidden; color:var(--s2-text); font-size:9px; line-height:1.3;
  text-overflow:ellipsis; white-space:nowrap;
}
.pf-studio-social .s2-shared-library-copy span,
.pf-studio-social .s2-shared-library-copy small{
  color:var(--s2-muted); font-size:7px; line-height:1.35; overflow-wrap:anywhere;
}
.pf-studio-social .s2-shared-library-place{
  min-height:30px; margin:0 6px 6px; padding:5px 6px; border:1px solid #486784;
  border-radius:6px; background:#183047; color:#fff; font-size:8px; font-weight:700;
  cursor:pointer;
}
.pf-studio-social .s2-shared-library-place:hover{background:#21425f;}
.pf-studio-social .s2-shared-library-place[disabled],
.pf-studio-social .s2-shared-library-place[aria-disabled="true"]{
  opacity:.5; cursor:not-allowed;
}
.pf-studio-social .s2-shared-library-place:focus-visible{
  outline:2px solid var(--s2-blue); outline-offset:2px;
}
.pf-studio-social .s2-shared-library-actions{
  display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;
}
.pf-studio-social .s2-asset-filter{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin:0 0 9px; padding:3px; border:1px solid var(--s2-line); border-radius:8px; background:#0b1219;}
.pf-studio-social .s2-asset-filter button{min-width:0; min-height:28px; padding:4px 3px; border:0; border-radius:6px; background:transparent; color:var(--s2-muted); font-size:8px; font-weight:700; cursor:pointer;}
.pf-studio-social .s2-asset-filter button:hover{color:var(--s2-text); background:var(--s2-panel-2);}
.pf-studio-social .s2-asset-filter button.is-active,.pf-studio-social .s2-asset-filter button[aria-pressed="true"]{color:#fff; background:#29435b; box-shadow:inset 0 0 0 1px rgba(105,169,230,.24);}
.pf-studio-social .s2-upload-row{
  display:flex; flex-direction:column; gap:5px; margin:0 0 9px; padding:8px;
  border:1px dashed #486784; border-radius:8px; background:#0b1219;
}
.pf-studio-social .s2-upload-row > label{color:var(--s2-text); font-size:10px; font-weight:700;}
.pf-studio-social .s2-upload-input{
  box-sizing:border-box; width:100%; min-height:36px; overflow:hidden; padding:3px;
  border:1px solid var(--s2-line); border-radius:6px; background:#111c27;
  color:var(--s2-muted); font:600 8px/1.3 var(--mono); cursor:pointer;
}
.pf-studio-social .s2-upload-input::file-selector-button{
  min-height:28px; margin-right:7px; padding:4px 8px; border:1px solid #486784;
  border-radius:5px; background:#183047; color:#fff; font:700 9px/1 var(--pf-font);
  cursor:pointer;
}
.pf-studio-social .s2-upload-input:hover::file-selector-button{background:#21425f;}
.pf-studio-social .s2-upload-input:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-upload-status{margin:0; color:var(--s2-muted); font-size:8px; line-height:1.4;}
.pf-studio-social .s2-upload-status.is-error{color:#ffb0a7;}
.pf-studio-social .s2-upload-undo{
  display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 9px;
  padding:7px 8px; border:1px solid #486784; border-radius:8px; background:#101d29;
  color:var(--s2-text); font-size:9px; line-height:1.35;
}
.pf-studio-social .s2-upload-undo span{min-width:0; overflow-wrap:anywhere;}
.pf-studio-social .s2-upload-restore,.pf-studio-social .s2-upload-remove{
  min-height:30px; padding:5px 8px; border:1px solid #486784; border-radius:6px;
  background:#183047; color:#fff; font-size:8px; font-weight:700; cursor:pointer;
}
.pf-studio-social .s2-upload-restore:hover,.pf-studio-social .s2-upload-remove:hover{background:#21425f;}
.pf-studio-social .s2-upload-restore:focus-visible,.pf-studio-social .s2-upload-remove:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-assets-browser{max-height:760px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;}
.pf-studio-social .s2-assets-browser.is-upload-drop-target{
  outline:2px dashed var(--s2-blue); outline-offset:-4px; border-radius:8px;
  background:rgba(105,169,230,.08);
}
.pf-studio-social .s2-assets-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px;}
.pf-studio-social .s2-brand-art-catalog{display:contents;}
.pf-studio-social .s2-asset-card{display:flex; position:relative; flex-direction:column; min-width:0; margin:0; padding-bottom:25px;}
.pf-studio-social .s2-asset-card[hidden],
.pf-studio-social [data-asset-source-section][hidden],
.pf-studio-social #s2-asset-search[hidden],
.pf-studio-social #s2-asset-filter[hidden],
.pf-studio-social .s2-shared-library-empty[hidden],
.pf-studio-social [data-workspace-library-more][hidden],
.pf-studio-social [data-workspace-library-retry][hidden],
.pf-studio-social [data-job-assets-more][hidden]{display:none;}
.pf-studio-social .s2-asset-card img{cursor:grab;}
.pf-studio-social .s2-asset-card img:active{cursor:grabbing;}
.pf-studio-social .s2-asset-card.is-result-highlight{
  border-radius:9px; outline:2px solid var(--s2-accent); outline-offset:2px;
}
.pf-studio-social .s2-asset-form{display:block; min-width:0;}
.pf-studio-social .s2-upload-remove-form{display:block; margin-top:4px;}
.pf-studio-social .s2-upload-remove{width:100%;}
.pf-studio-social .s2-asset{display:block; position:relative; width:100%; min-width:0; aspect-ratio:1; overflow:hidden; padding:0; border:1px solid var(--s2-line); border-radius:8px; background:#0d151d; color:var(--s2-text); text-align:left; cursor:pointer;}
.pf-studio-social .s2-asset:hover{border-color:#486784; transform:translateY(-1px);}
.pf-studio-social .s2-asset:focus-visible{outline:2px solid var(--s2-blue); outline-offset:2px;}
.pf-studio-social .s2-asset.is-active,.pf-studio-social .s2-asset[aria-pressed="true"]{border-color:var(--s2-accent); box-shadow:inset 0 0 0 1px rgba(228,135,79,.32);}
.pf-studio-social .s2-asset img{display:block; width:100%; height:100%; object-fit:cover; background:#17222d;}
.pf-studio-social .s2-asset-cut img{box-sizing:border-box; padding:6px; object-fit:contain; background:linear-gradient(45deg,#16232f 25%,transparent 25%,transparent 75%,#16232f 75%) 0 0/14px 14px,linear-gradient(45deg,#16232f 25%,#0f1a24 25%,#0f1a24 75%,#16232f 75%) 7px 7px/14px 14px;}
.pf-studio-social .s2-asset-art img{box-sizing:border-box; padding:5px; object-fit:contain; background:#17222d;}
.pf-studio-social .s2-asset-label{position:absolute; right:0; bottom:0; left:0; overflow:hidden; padding:14px 5px 4px; color:#dce6ef; background:linear-gradient(0deg,rgba(6,13,20,.94),transparent); font-size:8px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap;}
.pf-studio-social .s2-asset-kind{position:absolute; top:4px; left:4px; max-width:calc(100% - 8px); overflow:hidden; padding:2px 4px; border-radius:4px; background:rgba(6,13,20,.86); color:#c9d7e3; font-family:var(--mono); font-size:6px; line-height:1.2; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;}
.pf-studio-social .s2-asset-pin-form{position:absolute; right:0; bottom:0; left:0;}
.pf-studio-social .s2-asset-pin{
  display:flex; align-items:center; justify-content:center; gap:3px; width:100%; min-height:23px;
  padding:3px 5px; border:1px solid var(--s2-line); border-radius:5px; background:#111c27;
  color:var(--s2-text); font-size:8px; font-weight:700; cursor:pointer;
}
.pf-studio-social .s2-asset-pin:hover{border-color:#486784; background:#192a39;}
.pf-studio-social .s2-asset-pin[disabled]{opacity:.48; cursor:not-allowed;}
.pf-studio-social .s2-layer-cap-note{
  margin:0 0 9px; padding:8px 9px; border:1px solid #8b6335; border-radius:7px;
  background:#1b160e; color:#e5c878; font-size:9px; line-height:1.45;
}
.pf-studio-social .s2-layer-cap-note[hidden]{display:none;}
.pf-studio-social .s2-asset-hover-preview{
  position:fixed; z-index:1250; top:110px; right:390px; width:264px; overflow:hidden; border:1px solid #486784;
  border-radius:10px; background:#0d151d; box-shadow:0 18px 46px rgba(0,0,0,.48); pointer-events:none;
}
.pf-studio-social .s2-asset-hover-preview[hidden]{display:none;}
.pf-studio-social .s2-asset-hover-preview img{display:block; width:100%; max-height:300px; object-fit:contain; background:#17222d;}
.pf-studio-social .s2-asset-hover-preview span{display:block; padding:8px 10px; color:var(--s2-text); font-size:10px; font-weight:700;}
.pf-studio-social .s2-assets-empty{margin-top:4px; text-align:center;}

body.s2-publish-open{overflow:hidden;}
.pf-frame:has(.pf-studio-social.is-composer) > .pf-console-footer{display:none;}
.pf-studio-social .s2-scene-editor{
  display:grid; min-width:0; gap:12px; margin:12px; padding:14px;
  border:1px solid var(--s2-line); border-radius:9px;
  background:linear-gradient(180deg,#142230,#0d171f);
}
.pf-studio-social .s2-scene-editor > *,
.pf-studio-social .s2-scene-editor fieldset{min-width:0; max-width:100%; box-sizing:border-box;}
.pf-studio-social .s2-scene-editor[hidden]{display:none;}
.pf-studio-social .s2-scene-editor-head,
.pf-studio-social .s2-scene-history,
.pf-studio-social .s2-scene-insert,
.pf-studio-social .s2-scene-footer-actions{
  display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;
}
.pf-studio-social .s2-scene-editor h3{margin:2px 0 0; color:var(--s2-text); font-size:14px;}
.pf-studio-social .s2-scene-editor-head > *{min-width:0;}
.pf-studio-social .s2-scene-history{min-width:0; max-width:100%;}
.pf-studio-social .s2-scene-history .s2-btn{
  display:block; min-width:0; max-width:100%; flex:1 1 100px; overflow:hidden;
  text-align:start; text-overflow:ellipsis; white-space:nowrap;
}
.pf-studio-social .s2-scene-elements{display:grid; max-height:240px; gap:6px; padding:4px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; border:1px solid var(--s2-line); border-radius:8px; background:#091119;}
.pf-studio-social .s2-scene-elements:empty{display:none;}
.pf-studio-social .s2-scene-element-row{display:flex; min-width:0; align-items:center; gap:6px;}
.pf-studio-social .s2-scene-group-check{flex:0 0 auto; width:24px; height:24px; margin:0;}
.pf-studio-social .s2-scene-element-select{
  display:flex; width:100%; min-height:44px; align-items:flex-start; flex-direction:column;
  justify-content:center; padding:7px 9px; border:1px solid var(--s2-line);
  border-radius:7px; background:var(--s2-panel); color:var(--s2-text); text-align:left;
}
.pf-studio-social .s2-scene-element-select small{color:var(--s2-muted);}
.pf-studio-social .s2-scene-element-select.is-selected{
  border-color:var(--s2-blue); background:#183047; box-shadow:inset 0 0 0 1px rgba(105,169,230,.32);
}
.pf-studio-social .s2-scene-transform{display:grid; gap:10px; margin:0; padding:10px; border:1px solid var(--s2-line); border-radius:7px; background:#0a131b;}
.pf-studio-social .s2-scene-group-tools{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.pf-studio-social .s2-scene-group-tools[hidden]{display:none;}
.pf-studio-social .s2-scene-group-tools .pf-hint{margin:0;}
.pf-studio-social .s2-scene-group-panel{display:grid; gap:10px; margin:0; padding:10px; border:1px solid var(--s2-line); border-radius:7px; background:#0a131b;}
.pf-studio-social .s2-scene-group-panel[hidden]{display:none;}
.pf-studio-social .s2-scene-transform[hidden]{display:none;}
.pf-studio-social .s2-scene-text{display:grid; gap:10px; margin:0; padding:10px; border:1px solid var(--s2-line); border-radius:7px; background:#0a131b;}
.pf-studio-social .s2-scene-shape{display:grid; gap:10px; margin:0; padding:10px; border:1px solid var(--s2-line); border-radius:7px; background:#0a131b;}
.pf-studio-social .s2-scene-text[hidden]{display:none;}
.pf-studio-social .s2-scene-shape[hidden]{display:none;}
.pf-studio-social .s2-scene-transform legend,
.pf-studio-social .s2-scene-group-panel legend,
.pf-studio-social .s2-scene-text legend,
.pf-studio-social .s2-scene-shape legend{padding:0 4px; color:var(--s2-text); font-size:11px; font-weight:700;}
.pf-studio-social .s2-scene-text>label{display:grid; gap:4px; color:var(--s2-muted); font-size:10px;}
.pf-studio-social .s2-scene-text textarea,
.pf-studio-social .s2-scene-text select{box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:36px; border-color:var(--s2-line); background:#070e14; color:var(--s2-text); color-scheme:dark;}
.pf-studio-social .s2-scene-number-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
.pf-studio-social .s2-scene-number-grid label{display:grid; gap:3px; color:var(--s2-muted); font-size:10px;}
.pf-studio-social .s2-scene-number-grid input{box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:36px; border-color:var(--s2-line); background:#070e14; color:var(--s2-text); color-scheme:dark;}
.pf-studio-social .s2-scene-order{display:flex; gap:8px; flex-wrap:wrap;}
.pf-studio-social .s2-scene-order .s2-btn{flex:1 1 120px;}
.pf-studio-social .s2-scene-text-draft{margin:0; padding:8px; border:1px solid #b7791f; border-radius:7px; background:#2a2113; color:#f1cd78; font-size:11px; line-height:1.4;}
.pf-studio-social .s2-scene-text-draft[hidden]{display:none;}
.pf-studio-social .s2-scene-editor > [data-social-scene-status]{margin:0; font-size:11px; line-height:1.35;}
.pf-studio-social .s2-scene-quality{padding:8px; border:1px solid #8f6a2e; border-radius:7px; background:#261f13; color:#f1cd78;}
.pf-studio-social .s2-scene-quality[hidden]{display:none;}
.pf-studio-social .s2-scene-quality h4{margin:0 0 5px; font-size:11px;}
.pf-studio-social .s2-scene-quality ul{display:grid; gap:4px; margin:0; padding:0; list-style:none;}
.pf-studio-social .s2-scene-quality button{min-height:32px; padding:4px 6px; color:#f1cd78; text-align:left;}
.pf-studio-social .s2-scene-recovery{display:grid; gap:8px; padding:10px; border:1px solid #b45b28; border-radius:7px; background:#2b1a12; color:#ffc19b;}
.pf-studio-social .s2-scene-recovery[hidden]{display:none;}
.pf-studio-social .s2-scene-recovery p{margin:0;}
.pf-studio-social .s2-scene-selection-layer{position:absolute; inset:0; z-index:12; pointer-events:none;}
.pf-studio-social .s2-scene-canvas-target{
  position:absolute; min-width:24px; min-height:24px; padding:0; border:1px solid transparent;
  background:transparent; pointer-events:auto; color:transparent; touch-action:none; cursor:move;
}
.pf-studio-social .s2-scene-canvas-target:hover,
.pf-studio-social .s2-scene-canvas-target:focus-visible,
.pf-studio-social .s2-scene-canvas-target.is-selected{border-color:#fff; outline:2px solid var(--s2-accent); outline-offset:1px;}
.pf-studio-social .s2-scene-resize-handle{
  position:absolute; width:24px; height:24px; padding:0; border:2px solid #fff;
  border-radius:50%; background:var(--s2-accent); box-shadow:0 0 0 1px var(--s2-navy);
  pointer-events:auto; touch-action:none; cursor:nwse-resize; transform:translate(-50%,-50%);
}
.pf-studio-social .s2-scene-resize-handle:focus-visible{
  outline:3px solid #fff; outline-offset:2px; box-shadow:0 0 0 5px var(--s2-accent);
}
.pf-studio-social .s2-scene-stage-alert{
  position:absolute; inset:12px; z-index:20; display:grid; place-items:center; padding:20px;
  border:2px solid #b45b28; border-radius:9px; background:rgba(255,247,237,.94);
  color:#693015; font-weight:700; text-align:center;
}
@media (max-width:1199px){
  .pf-studio-social .s2-scene-canvas-target{min-width:44px; min-height:44px;}
  .pf-studio-social .s2-scene-resize-handle{width:44px; height:44px;}
  .pf-studio-social .s2-scene-editor button,
  .pf-studio-social .s2-scene-editor input,
  .pf-studio-social .s2-scene-editor select{min-height:44px;}
  .pf-studio-social .s2-scene-group-check{width:44px; height:44px;}
}

.pf-studio-social #s2-stack-status.pf-sr-only,
.pf-studio-social #s2-reframe-status.pf-sr-only{top:0; left:0;}
.pf-studio-social .s2-frombar{
  display:flex; align-items:center; gap:10px; margin:0 0 10px; padding:9px 11px;
  border:1px solid var(--s2-line); border-radius:8px; background:var(--s2-panel);
  color:var(--s2-muted); font-size:10px; line-height:1.4;
}
.pf-studio-social .s2-frombar span{flex:1 1 auto; min-width:0;}
.pf-studio-social .s2-frombar a{flex:none; color:var(--s2-text); font-weight:700; text-decoration:none;}
.pf-studio-social .s2-frombar a:hover{text-decoration:underline;}
.pf-studio-social .s2-scrim{
  position:fixed; z-index:1190; inset:0; background:rgba(3,8,13,.7); backdrop-filter:blur(2px);
}
.pf-studio-social .s2-publish{
  display:flex; position:fixed; z-index:1200; top:0; right:0; bottom:0; flex-direction:column;
  box-sizing:border-box; width:min(430px,calc(100vw - 18px)); min-width:0; overflow:hidden;
  border-left:1px solid var(--s2-line); background:var(--s2-work-bg); color:var(--s2-text);
  box-shadow:-18px 0 54px rgba(0,0,0,.42);
}
.pf-studio-social .s2-publish[hidden],.pf-studio-social .s2-scrim[hidden]{display:none;}
.pf-studio-social .s2-publish-drawer-head{
  flex:none; margin:0; padding:14px 16px; border-bottom:1px solid var(--s2-line); background:#0d151e;
}
.pf-studio-social .s2-publish-head-actions{display:flex; align-items:center; gap:7px;}
.pf-studio-social .s2-icon-btn{
  display:grid; width:31px; height:31px; padding:0; place-items:center; border:1px solid var(--s2-line);
  border-radius:7px; background:var(--s2-panel); color:var(--s2-text); cursor:pointer;
}
.pf-studio-social .s2-icon-btn:hover{border-color:#45637e; background:var(--s2-panel-2);}
.pf-studio-social .s2-publish-feedback{
  display:flex; flex:0 0 auto; flex-direction:column; gap:8px; box-sizing:border-box;
  min-height:0; max-height:min(40dvh,260px); padding:10px 12px; overflow-y:auto;
  border-bottom:1px solid var(--s2-line); background:var(--s2-panel-2); color:var(--s2-text);
  font-size:12px; overscroll-behavior:contain;
}
.pf-studio-social .s2-publish-feedback p{margin:0; line-height:1.45; overflow-wrap:anywhere;}
.pf-studio-social .s2-publish-feedback > *{flex:0 0 auto;}
.pf-studio-social .s2-publish-feedback button{align-self:flex-start;}
.pf-studio-social .s2-publish-body{
  display:flex; flex:1 1 auto; flex-direction:column; gap:10px; min-height:0; padding:12px;
  overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
}
.pf-studio-social .s2-publish .pf-social-compose{display:flex; flex-direction:column; gap:10px; padding:0; border:0; background:transparent;}
.pf-studio-social .s2-publish .s2-block,.pf-studio-social .s2-publish .pf-social-posted{
  display:flex; flex-direction:column; gap:9px; min-width:0; margin:0; padding:12px;
  border:1px solid var(--s2-line); border-radius:9px; background:var(--s2-panel); color:var(--s2-text);
}
.pf-studio-social .s2-publish .s2-block-head{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.pf-studio-social .s2-publish .s2-block h2,.pf-studio-social .s2-publish .s2-block h3{margin:0; color:var(--s2-text); font-size:11px;}
.pf-studio-social .s2-publish .pf-field-label,.pf-studio-social .s2-publish .pf-social-posted-hd{color:var(--s2-text);}
.pf-studio-social .s2-publish .pf-input{border-color:var(--s2-line); background:#0b1219; color:var(--s2-text);}
.pf-studio-social .s2-publish .pf-textarea{min-height:150px; resize:vertical;}
.pf-studio-social .s2-publish .s2-capmeta{display:flex; align-items:center; gap:5px; flex-wrap:wrap; color:var(--s2-muted); font-family:var(--mono); font-size:8px; text-transform:uppercase;}
.pf-studio-social .s2-publish .s2-hashtags{margin:0; overflow-wrap:anywhere; line-height:1.55;}
.pf-studio-social .s2-publish .s2-hashtags strong{display:block; margin-bottom:2px; color:var(--s2-text); font-size:8px; text-transform:uppercase;}
.pf-studio-social .s2-publish .pf-social-post-actions{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0;}
.pf-studio-social .s2-publish .pf-social-post-actions .pf-btn{width:100%; min-width:0;}
.pf-studio-social .s2-publish .pf-social-post-actions .pf-btn:first-child{grid-column:1/-1;}
.pf-studio-social .s2-publish .pf-btn.is-disabled{opacity:.5; pointer-events:none;}
.pf-studio-social .s2-publish .s2-save-post{flex-direction:row; align-items:center; justify-content:space-between;}
.pf-studio-social .s2-publish .s2-save-post > div:first-child{min-width:0;}
.pf-studio-social .s2-publish .s2-save-post > .pf-social-post-actions{flex:0 0 170px;}
.pf-studio-social .s2-publish .s2-save-post .pf-btn{flex:none;}
.pf-studio-social .s2-publish .s2-schedule-compose{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:7px; min-width:0;}
.pf-studio-social .s2-publish .s2-schedule-compose .pf-field{display:flex; min-width:0; flex-direction:column; gap:5px;}
.pf-studio-social .s2-publish input[type="datetime-local"]{box-sizing:border-box; width:100%; min-width:0; color-scheme:dark;}
.pf-studio-social .s2-publish .s2-schedule-board .s2-week-strip{margin-top:2px;}
.pf-studio-social .s2-publish .s2-cadence-hint{padding:8px; border-radius:7px; background:rgba(228,180,79,.08);}
.pf-studio-social .s2-publish .s2-schedule-row{background:#0d151e;}
.pf-studio-social .s2-publish .s2-schedule-actions .pf-link{font-size:9px;}
.pf-studio-social .s2-publish .pf-social-posted-list{gap:0;}
.pf-studio-social .s2-publish .s2-log-row{padding:8px 0;}
.pf-studio-social .s2-ai-pop{width:min(560px,calc(100vw - 18px));}
.pf-studio-social .s2-ai-intro,.pf-studio-social .s2-ai-proposal,.pf-studio-social .s2-ai-error{
  padding:12px; border:1px solid var(--s2-line); border-radius:9px; background:var(--s2-panel);
}
.pf-studio-social .s2-ai-intro p,.pf-studio-social .s2-ai-error p{margin:0; color:var(--s2-muted); font-size:10px; line-height:1.55;}
.pf-studio-social .s2-ai-start,.pf-studio-social .s2-ai-proposal form{display:flex; flex-direction:column; gap:10px; margin:0;}
.pf-studio-social .s2-ai-start[hidden]{display:none;}
.pf-studio-social .s2-ai-pop [hidden],.pf-studio-social .s2-publish [hidden]{display:none!important;}
.pf-studio-social .s2-ai-start .pf-field{display:flex; flex-direction:column; gap:5px;}
.pf-studio-social .s2-ai-pop .pf-textarea{
  box-sizing:border-box; width:100%; min-height:62px; border-color:var(--s2-line);
  background:#0b1219; color:var(--s2-text); resize:vertical;
}
.pf-studio-social .s2-ai-actions{display:flex; align-items:center; gap:7px; flex-wrap:wrap;}
.pf-studio-social .s2-ai-actions .pf-btn{min-width:0;}
.pf-studio-social .s2-ai-result:empty,.pf-studio-social .s2-ai-error-status:empty{display:none;}
.pf-studio-social .s2-ai-error-status{min-width:0;}
.pf-studio-social .s2-ai-proposal{display:flex; min-width:0; flex-direction:column; gap:9px;}
.pf-studio-social .s2-ai-proposal-head,.pf-studio-social .s2-ai-field-head{
  display:flex; min-width:0; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px;
}
.pf-studio-social .s2-ai-proposal-head h3{margin:2px 0 0; color:var(--s2-text); font-size:13px;}
.pf-studio-social .s2-ai-live{padding:3px 6px; border:1px solid var(--s2-line); border-radius:999px; color:var(--s2-muted); font-family:var(--mono); font-size:7px; text-transform:uppercase;}
.pf-studio-social .s2-ai-live.is-ok{border-color:#2d7257; color:#80d7b1;}
.pf-studio-social .s2-ai-live.is-fallback{border-color:#7b6335; color:#e5c878;}
.pf-studio-social .s2-ai-fields,.pf-studio-social .s2-ai-plan{display:flex; flex-direction:column; gap:8px; margin:0; padding:0;}
.pf-studio-social .s2-ai-field,.pf-studio-social .s2-ai-slide{
  display:flex; min-width:0; flex-direction:column; gap:6px; padding:9px; border:1px solid var(--s2-line);
  border-radius:7px; background:#0d151e;
}
.pf-studio-social .s2-ai-field-head label,.pf-studio-social .s2-ai-field-head strong{color:var(--s2-text); font-size:10px;}
.pf-studio-social .s2-ai-field-head strong span{display:inline-grid; width:19px; height:19px; margin-right:4px; place-items:center; border-radius:50%; background:#24384a; font-family:var(--mono); font-size:8px;}
.pf-studio-social .s2-ai-field-head .pf-link{font-size:9px;}
.pf-studio-social .s2-ai-before{
  padding:7px 8px; border-left:2px solid #405267; background:#0a121a; color:var(--s2-muted);
}
.pf-studio-social .s2-ai-before span,.pf-studio-social .s2-ai-proposed-label{
  color:var(--s2-muted); font:700 8px/1.2 var(--pf-font-mono); letter-spacing:.1em; text-transform:uppercase;
}
.pf-studio-social .s2-ai-before p{margin:3px 0 0; color:#bac7d2; font-size:10px; line-height:1.45; white-space:pre-wrap;}
.pf-studio-social .s2-ai-proposed-label{display:flex; align-items:center; gap:6px;}
.pf-studio-social .s2-ai-proposed-label span{padding:2px 5px; border:1px solid var(--s2-line); border-radius:999px; font-size:7px; letter-spacing:.05em;}
.pf-studio-social .s2-ai-overlap{margin:0; padding:6px 8px; border:1px solid #7b6335; border-radius:6px; background:rgba(228,180,79,.08); color:#e5c878; font-size:9px; line-height:1.45;}
.pf-studio-social .s2-ai-field-steer{padding-top:2px; border-top:1px solid var(--s2-line);}
.pf-studio-social .s2-ai-field-steer summary{padding:5px 0; color:var(--s2-blue); font-size:9px; font-weight:700; cursor:pointer;}
.pf-studio-social .s2-ai-field-steer[open]{display:flex; flex-direction:column; gap:6px;}
.pf-studio-social .s2-ai-field-steer label{color:var(--s2-muted); font-size:9px; line-height:1.4;}
.pf-studio-social .s2-ai-field-steer .pf-textarea{min-height:50px;}
.pf-studio-social .s2-ai-field-steer .pf-btn{align-self:flex-start;}
.pf-studio-social .s2-ai-slide{list-style:none;}
.pf-studio-social .s2-ai-slide label{display:flex; flex-direction:column; gap:4px; color:var(--s2-muted); font-size:8px; text-transform:uppercase;}
.pf-studio-social .s2-ai-error{border-color:#8f4545;}
.pf-studio-social .s2-ai-error strong{display:block; margin-bottom:4px; color:#ffb0a7; font-size:10px;}

@media (max-width:1279px) and (min-width:1200px){
  .pf-studio-social.is-composer .s2-composer-grid{
    grid-template-columns:280px minmax(0,1fr) 300px;
    grid-template-areas:"rail stage slot"; gap:0;
  }
  .pf-studio-social .s2-stage .pf-social-preview,
  .pf-studio-social .s2-readiness{max-width:600px;}
}
@media (min-width:1200px){
  /* The package's desktop Social workspace is a docked instrument, not three
     floating cards. Keep the server-rendered DOM in normal flow while restoring
     its literal edge joins and full-height, independently scrolling rails. */
  .pf-frame:has(.pf-studio-social.is-composer){height:100dvh; min-height:0; overflow:hidden;}
  .pf-frame:has(.pf-studio-social.is-composer) > .pf-console-footer{display:none;}
  .pf-console-main:has(.pf-studio-social.is-composer) > .pf-studio-social.is-composer{
    flex:1 1 0; height:auto; max-height:none; min-height:0;
  }
  .pf-studio-social.is-composer{
    display:flex; width:100%; height:auto; max-height:none; min-height:0;
    flex-direction:column; overflow:hidden; border-radius:0;
  }
  .pf-studio-social.is-composer .s2-view-inner{
    display:flex; width:100%; flex:1 1 auto; min-height:0; flex-direction:column;
    margin:0; padding:0;
  }
  .pf-studio-social.is-composer .s2-view-head{display:none;}
  .pf-social-workspace-shell.is-composer .pf-social-workspace-composer-zone,
  .pf-social-workspace-shell.is-composer .pf-social-workspace-composer-zone > .s2-zonebody{
    display:flex; flex:1 1 0; min-height:0; flex-direction:column; padding:0;
    border:0; background:transparent;
  }
  .pf-social-workspace-shell.is-composer .pf-social-workspace-composer-zone > .s2-zonehd{display:none;}
  .pf-studio-social.is-composer #pf-social,
  .pf-studio-social.is-composer #pf-social-composer{
    display:flex; flex:1 1 auto; min-height:0; flex-direction:column;
  }
  .pf-studio-social.is-composer .s2-frombar{
    flex:none; margin:0; border-width:0 0 1px; border-radius:0;
  }
  .pf-studio-social.is-composer .s2-sub{
    box-sizing:border-box; flex:none; height:var(--s2-tb); min-height:var(--s2-tb);
    gap:10px; margin:0; padding:0 14px; border-width:0 0 1px; border-radius:0;
    box-shadow:none;
  }
  .pf-studio-social.is-composer .s2-composer-grid{
    flex:1 1 0; min-height:0; grid-template-rows:minmax(0,1fr);
    gap:0; align-items:stretch; overflow:hidden;
  }
  .pf-studio-social.is-composer .s2-slotbar,
  .pf-studio-social.is-composer .s2-rail-right{
    height:100%; min-height:0; border:0;
    border-radius:0; box-shadow:none;
  }
  .pf-studio-social.is-composer .s2-slotbar{
    overflow-x:hidden; overflow-y:auto; border-left:1px solid var(--s2-line);
  }
  .pf-studio-social.is-composer .s2-rail-right{
    display:flex; flex-direction:column; overflow:hidden;
    border-right:1px solid var(--s2-line);
  }
  .pf-studio-social.is-composer .s2-slotbar > .s2-rail-head{
    position:sticky; top:0; z-index:2; box-sizing:border-box;
    height:40px; min-height:40px; padding:0 12px; background:#101d2a;
  }
  .pf-studio-social.is-composer .s2-slotbar > .s2-rail-head :is(h2,.s2-semantic-eyebrow){
    color:#f4f8fb;
  }
  .pf-studio-social.is-composer .s2-slotbar-list{padding:10px;}
  .pf-studio-social.is-composer .s2-railhd{
    display:flex; box-sizing:border-box; height:40px; min-height:40px;
    align-items:center; gap:8px; padding:3px 8px 2px;
    border-bottom:1px solid var(--s2-line); background:#101d2a;
  }
  .pf-studio-social.is-composer .s2-railhd .s2-libseg{
    display:flex; flex:1; padding:2px; border:1px solid var(--s2-line);
    border-radius:9px; background:#0d151e;
  }
  .pf-studio-social.is-composer .s2-railhd .s2-libseg button{
    flex:1; min-height:28px; padding:7px 11px; border:0; border-radius:7px;
    color:#c9d7e2;
  }
  .pf-studio-social.is-composer .s2-railhd .s2-libseg button[aria-selected="true"]{
    background:#29435b; color:#fff;
  }
  .pf-studio-social.is-composer .s2-rail-right [role="tabpanel"]{
    flex:1 1 auto; min-height:0; overflow-y:auto;
  }
  .pf-studio-social.is-composer .s2-stage:not(.is-stack-reviewing){
    position:relative; top:auto; height:100%; min-height:0; overflow:hidden;
  }
  .pf-studio-social.is-composer .s2-stage .s2-frame{
    box-sizing:border-box; min-height:100%; border:0;
    border-radius:0; box-shadow:none;
  }
  .pf-studio-social.is-composer .s2-stage:has(> .s2-stack:not([hidden])) .s2-frame{
    min-height:0;
  }
  .pf-studio-social.is-composer .s2-stage > .s2-stack{flex:0 0 auto;}
  .pf-studio-social.is-composer .s2-publish{top:var(--s2-bar);}
}
@media (min-width:1700px){
  .pf-studio-social.is-composer .s2-composer-grid{
    grid-template-columns:clamp(420px,20vw,520px) minmax(0,1fr) clamp(380px,18vw,460px);
  }
  .pf-studio-social.is-composer .s2-template-family{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start;
  }
  .pf-studio-social.is-composer .s2-template-family > h3{grid-column:1 / -1;}
  .pf-studio-social.is-composer .pf-social-film-btn.ss-tpl{
    grid-template-columns:70px minmax(0,1fr); gap:8px; padding:8px 8px 40px;
  }
  .pf-studio-social.is-composer .ss-tpl > img,
  .pf-studio-social.is-composer .s2-template-preview{width:70px; height:88px;}
  .pf-studio-social.is-composer #s2-panel-assets .s2-assets-grid{
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px;
  }
  .pf-studio-social.is-composer .s2-slotbar-list,
  .pf-studio-social.is-composer .s2-layer-list,
  .pf-studio-social.is-composer .s2-copy-fields{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start;
  }
  .pf-studio-social.is-composer .s2-copy-field:has(textarea){grid-column:1 / -1;}
}
@media (hover:none),(pointer:coarse){
  .pf-studio-social .s2-template-stack-add{opacity:1; pointer-events:auto; transform:none;}
  .pf-studio-social .s2-template-stack-add:disabled{opacity:.62;}
}
@media (min-width:1200px) and (max-width:1279px){
  .pf-studio-social .s2-bar{gap:8px;}
  .pf-studio-social .s2-mobile-actions-menu{gap:6px;}
}
@media (max-width:1199px){
  .pf-studio-social.is-composer .s2-view-head,
  .pf-studio-social.is-composer .pf-social-workspace-composer-zone > .s2-zonehd{
    display:none;
  }
  .pf-studio-social.is-composer .s2-view-inner{padding-top:10px;}
  .pf-studio-social .pf-social-tab{min-width:44px; min-height:44px;}
  .pf-studio-social .s2-toolbar-select{min-height:44px;}
  .pf-studio-social .s2-slot-actions .pf-link{min-height:44px; padding:8px 6px;}
  .pf-studio-social .s2-mobile-actions-toggle.s2-btn{
    display:inline-flex; min-width:44px;
  }
  .pf-studio-social .s2-mobile-actions-menu{
    display:none; position:absolute; top:calc(100% + 6px); right:0; z-index:40;
    box-sizing:border-box; width:min(240px,calc(100vw - var(--pf-side-collapsed) - 20px));
    padding:8px; flex-direction:column; align-items:stretch; gap:6px;
    border:1px solid var(--s2-line); border-radius:10px; background:var(--s2-panel);
    box-shadow:0 16px 42px rgba(0,0,0,.42);
  }
  .pf-studio-social .s2-baract.is-mobile-actions-open .s2-mobile-actions-menu{display:flex;}
  .pf-studio-social .s2-mobile-actions-menu .s2-btn{
    width:100%; min-height:44px; justify-content:flex-start;
  }
}
@media (max-width:699px){
  .pf-social-workspace-shell.is-composer .s2-view-head{display:none;}
  .pf-app:has(.pf-studio-social.is-composer) .pf-side{display:none;}
  .pf-app:has(.pf-studio-social.is-composer) .pf-frame{border-radius:0; box-shadow:none;}
  .pf-studio-social{
    --s2-mobile-bar-height:67px; --s2-mobile-inspector-height:58px;
    padding-bottom:calc(var(--s2-mobile-bar-height) + var(--s2-mobile-inspector-height) + env(safe-area-inset-bottom));
  }
  .pf-studio-social .s2-bar{
    height:var(--s2-bar); min-height:var(--s2-bar); flex-wrap:nowrap;
    gap:8px; padding:0 10px;
  }
  .pf-studio-social.is-composer .s2-mobile-nav{
    display:inline-flex; width:44px; height:44px; flex:none; align-items:center;
    justify-content:center; padding:0; border:1px solid var(--s2-line); border-radius:9px;
    background:var(--s2-panel); color:var(--s2-text); cursor:pointer;
  }
  .pf-studio-social.is-composer .s2-mobile-nav span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}
  .pf-studio-social.is-composer .s2-mobile-nav:focus-visible{outline:3px solid var(--focus); outline-offset:2px;}
  .pf-studio-social .s2-spacer{display:none;}
  .pf-studio-social .s2-tabs{order:0; width:auto; min-width:0; flex:1;}
  .pf-studio-social .s2-tabs a{min-width:0; flex:1; justify-content:center;}
  .pf-studio-social .s2-composer-grid{display:block;}
  .pf-studio-social .s2-stage .s2-frame{
    min-height:0; max-height:var(--s2-stage-frame-max-height,none);
  }
  .pf-studio-social .s2-stage{position:static; display:block; overflow:visible;}
  .pf-studio-social .s2-stage.is-stack-reviewing{max-height:none; overflow:visible;}
  .pf-studio-social .s2-stack-review{max-width:100%; max-height:none;}
  .pf-studio-social .s2-stack-review-body{overflow:visible;}
  .pf-studio-social .s2-bottombar{
    display:flex; position:fixed; right:0; bottom:0; left:0; z-index:1210; gap:8px;
    box-sizing:border-box; min-height:var(--s2-mobile-bar-height);
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    border-top:1px solid var(--s2-line); background:rgba(11,17,24,.96);
    box-shadow:0 -10px 30px rgba(0,0,0,.34); backdrop-filter:blur(12px);
  }
  .pf-studio-social .s2-bottombar button{
    display:inline-flex; flex:1 1 0; min-width:0; min-height:46px; align-items:center;
    justify-content:center; gap:6px; padding:7px; border:1px solid var(--s2-line);
    border-radius:9px; background:var(--s2-panel); color:var(--s2-text);
    font-size:11px; font-weight:700; cursor:pointer;
  }
  .pf-studio-social .s2-bottombar button.is-active,
  .pf-studio-social .s2-bottombar button[aria-expanded="true"]{
    border-color:var(--s2-accent); color:#fff; background:#2c211d;
  }
  .pf-studio-social .s2-bottombar button[disabled]{opacity:.5; cursor:not-allowed;}
  .pf-studio-social .s2-slotbar{
    display:block; position:fixed; right:10px;
    bottom:calc(var(--s2-mobile-bar-height) + env(safe-area-inset-bottom) + 8px); left:10px;
    z-index:1120; max-height:calc(72dvh - var(--s2-mobile-bar-height));
    border-radius:11px; box-shadow:0 12px 36px rgba(0,0,0,.38);
  }
  .pf-studio-social .s2-slotbar .s2-rail-head{
    box-sizing:border-box; min-height:58px; padding:5px 8px;
  }
  .pf-studio-social .s2-slotbar:not(.is-mobile-expanded) > :not(.s2-rail-head){display:none;}
  .pf-studio-social .s2-slotbar.is-mobile-expanded{overflow-x:hidden; overflow-y:auto;}
  .pf-studio-social .s2-mobile-slot-toggle{display:grid; width:44px; height:44px;}
  .pf-studio-social .s2-text-scheme{min-height:44px;}
  .pf-studio-social .s2-slotbar.is-mobile-expanded .s2-mobile-slot-toggle svg{transform:rotate(180deg);}
  .pf-studio-social .s2-rail-right{
    display:flex; position:fixed; right:8px;
    bottom:calc(var(--s2-mobile-bar-height) + env(safe-area-inset-bottom)); left:8px;
    z-index:1200; height:min(74dvh,720px); max-height:calc(100dvh - var(--s2-mobile-bar-height) - 12px);
    flex-direction:column; overflow:hidden; border-radius:15px 15px 0 0;
    visibility:hidden; pointer-events:none;
    transform:translateY(calc(100% + var(--s2-mobile-bar-height) + 24px));
    transition:transform .22s ease; box-shadow:0 -18px 52px rgba(0,0,0,.48);
  }
  .pf-studio-social .s2-rail-right.is-mobile-open{
    visibility:visible; pointer-events:auto; transform:translateY(0);
  }
  .pf-studio-social .s2-mobile-sheet-head{
    display:flex; flex:none; align-items:center; justify-content:space-between; padding:8px 10px;
    border-bottom:1px solid var(--s2-line); background:#0d151e;
  }
  .pf-studio-social .s2-mobile-sheet-head .s2-icon-btn{width:44px; height:44px;}
  .pf-studio-social .s2-libseg button,
  .pf-studio-social .s2-search,
  .pf-studio-social .s2-asset-filter button,
  .pf-studio-social .s2-upload-input,
  .pf-studio-social .s2-readiness a{min-height:44px;}
  .pf-studio-social .s2-layer-item-head > .s2-control-form .s2-icon-btn{
    width:44px; height:44px;
  }
  .pf-studio-social .s2-layer-nudges .s2-icon-btn{min-height:44px;}
  .pf-studio-social .s2-asset-card{padding-bottom:46px;}
  .pf-studio-social .s2-asset-pin{min-height:44px;}
  .pf-studio-social .s2-shared-library-place,
  .pf-studio-social .s2-shared-library-actions .s2-btn{min-height:44px;}
  .pf-studio-social .s2-upload-remove,.pf-studio-social .s2-upload-restore{min-width:48px; min-height:48px;}
  .pf-studio-social .s2-stack-head-btn{min-height:44px; padding:8px 11px;}
  .pf-studio-social .s2-card-change-blocked{align-items:stretch; flex-direction:column;}
  .pf-studio-social .s2-job-assets-added-actions .pf-btn{flex:1 1 150px; min-height:44px;}
  .pf-studio-social .s2-stack-review-head .s2-btn,
  .pf-studio-social .s2-stack-review-body > .s2-btn{min-height:44px; white-space:normal;}
  .pf-studio-social .s2-mobile-sheet-head::before{
    content:""; position:absolute; top:5px; left:50%; width:42px; height:4px;
    border-radius:999px; background:rgba(255,255,255,.2); transform:translateX(-50%);
  }
  .pf-studio-social .s2-rail [role="tabpanel"]{min-height:0; padding:10px; overflow-y:auto;}
  .pf-studio-social .ss-tpl-list{max-height:none;}
  .pf-studio-social .s2-assets-browser{max-height:none;}
  .pf-studio-social .s2-assets-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));}
  .pf-studio-social .s2-publish{
    top:auto; right:8px; bottom:calc(var(--s2-mobile-bar-height) + env(safe-area-inset-bottom)); left:8px;
    width:auto; height:min(78dvh,760px); max-height:calc(100dvh - var(--s2-mobile-bar-height) - 12px);
    border:1px solid var(--s2-line); border-radius:15px 15px 0 0;
    box-shadow:0 -18px 52px rgba(0,0,0,.48);
  }
  /* The production shell keeps a 70px collapsed rail at phone widths. Fixed
     Social controls belong to the content frame, not above its visible footer. */
  .pf-app .pf-studio-social.is-composer .s2-bottombar{left:0;}
  .pf-app .pf-studio-social.is-composer .s2-slotbar{left:10px;}
  .pf-app .pf-studio-social .s2-rail-right,
  .pf-app .pf-studio-social .s2-publish{
    left:8px; width:auto;
  }
  /* Palette ownership is explicit: the Library closes before open, and the
     persistent mobile chrome drops below the palette backdrop while it owns focus. */
  body.pf-palette-open .pf-studio-social .s2-bottombar,
  body.pf-palette-open .pf-studio-social .s2-slotbar,
  body.pf-palette-open .pf-studio-social .s2-rail-right{z-index:90;}
  /* The Library owns the phone viewport until its Back control closes it. */
  body.s2-library-open .pf-app .pf-side{z-index:1190; pointer-events:none;}
  body.s2-library-open .pf-app .pf-side-search{pointer-events:none;}
  body.s2-library-open .pf-studio-social .s2-bar{z-index:auto;}
  body.s2-library-open .pf-studio-social .s2-mobile-nav{
    position:relative; z-index:auto; pointer-events:none;
  }
}
@media (max-width:699px) and (prefers-reduced-motion:reduce){
  .pf-studio-social .s2-rail-right,
  .pf-studio-social .s2-mobile-slot-toggle svg,
  .pf-studio-social .s2-asset{transition:none;}
  .pf-studio-social .s2-asset:hover{transform:none;}
}
@media (max-width:520px){
  .pf-studio-social .s2-brand > span:last-child{display:none;}
  .pf-studio-social .s2-tabs a{padding:0 10px;}
  .pf-studio-social .s2-view-inner{padding-inline:10px;}
  .pf-studio-social .s2-sub{margin-inline:-2px; border-radius:8px;}
  .pf-studio-social .s2-sub-spacer{display:none;}
  .pf-studio-social .s2-stage .s2-frame{padding:10px;}
  .pf-studio-social .s2-stack-head{align-items:flex-start; flex-direction:column;}
  .pf-studio-social .s2-stack-head-side{width:100%; align-items:flex-start;}
  .pf-studio-social .s2-stack-head-actions{width:100%; justify-content:flex-start;}
  .pf-studio-social .s2-stack-review-head{align-items:flex-start; padding:10px;}
  .pf-studio-social .s2-stack-review-list{gap:10px; padding:8px;}
  .pf-studio-social .s2-stack-review-card{padding:6px;}
  .pf-studio-social .s2-publish{width:calc(100vw - 10px);}
  .pf-studio-social .s2-publish-drawer-head{align-items:flex-start; padding:12px;}
  .pf-studio-social .s2-publish-body{padding:8px;}
  .pf-studio-social .s2-publish .pf-social-post-actions{grid-template-columns:1fr;}
  .pf-studio-social .s2-publish .pf-social-post-actions .pf-btn:first-child{grid-column:auto;}
  .pf-studio-social .s2-publish .s2-save-post{align-items:stretch; flex-direction:column;}
  .pf-studio-social .s2-publish .s2-save-post > .pf-social-post-actions{flex-basis:auto;}
  .pf-studio-social .s2-publish .s2-save-post .pf-btn{width:100%;}
  .pf-studio-social .s2-publish .s2-schedule-compose{grid-template-columns:1fr;}
  .pf-studio-social .s2-frombar{align-items:flex-start; flex-direction:column;}
  .pf-studio-social .s2-ai-actions{align-items:stretch; flex-direction:column;}
  .pf-studio-social .s2-ai-actions .pf-btn{width:100%;}
}
@media (max-width:360px){
  .pf-studio-social .s2-mobile-actions-toggle span{display:none;}
  .pf-studio-social .s2-tabs a{padding-inline:3px; font-size:10px;}
}

/* S3 adaptive editor shell. Canvas and controls share one dark instrument surface;
   the artwork keeps its own exact color system inside the stage. */
.pf-studio-social .s2-slotbar,
.pf-studio-social .s2-rail-right{
  --s2-panel:#111a24; --s2-panel-2:#162230; --s2-line:#2a3c4d;
  --s2-text:#eef4f8; --s2-muted:#9aabba; --s2-blue:#69a9e6;
  color:var(--s2-text); background:var(--s2-panel);
}

@media (min-width:1200px){
  .pf-studio-social .s2-scene-editor{
    gap:8px; margin:10px 10px 8px; padding:10px;
  }
  .pf-studio-social .s2-scene-editor-head{flex-wrap:nowrap;}
  .pf-studio-social .s2-scene-history{
    display:grid; width:112px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px;
  }
  .pf-studio-social .s2-scene-history .s2-btn{min-height:34px; padding:5px 7px;}
  .pf-studio-social .s2-scene-insert{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px;
  }
  .pf-studio-social .s2-scene-insert .s2-btn{min-height:34px; padding:6px 8px;}
  .pf-studio-social .s2-scene-footer-actions{padding-top:2px;}
  .pf-studio-social .s2-layer-panel:not(:has(.s2-layer-list)){
    gap:6px; padding-top:10px; padding-bottom:10px;
  }
  .pf-studio-social .s2-slotctl{gap:8px; padding-top:12px; padding-bottom:12px;}
  .pf-studio-social .s2-slotctl > .s2-control-block{gap:6px; padding:8px 0 0;}
}
@media (max-width:699px) and (max-height:620px){
  .pf-studio-social .s2-frame{padding:10px;}
  .pf-studio-social .s2-readiness{
    margin-top:8px; padding:8px 10px; line-height:1.25;
  }
  .pf-studio-social .s2-readiness > span{display:none;}
  .pf-studio-social .s2-readiness ul{margin-top:4px;}
  .pf-studio-social .s2-readiness a{min-height:34px;}
}
.pf-studio-social .s2-slotbar .s2-rail-head,
.pf-studio-social .s2-rail-right .s2-railhd,
.pf-studio-social .s2-rail-right .s2-mobile-sheet-head{background:var(--s2-panel-2);}
.pf-studio-social .s2-slotbar .s2-slot-icon{background:#203246; color:var(--s2-blue);}
.pf-studio-social .s2-slotbar .s2-slot:hover,
.pf-studio-social .s2-rail-right .s2-libseg button:hover{background:#203040;}
.pf-studio-social .s2-slotbar .s2-slot.is-active,
.pf-studio-social .s2-slotbar .s2-slot[aria-pressed="true"]{
  border-color:#4b7696; background:#193149;
}
.pf-studio-social .s2-slotbar .s2-slot-current,
.pf-studio-social .s2-slotbar .s2-layer-item,
.pf-studio-social .s2-slotbar .s2-copy-field,
.pf-studio-social .s2-slotbar .s2-testimonial-evidence,
.pf-studio-social .s2-slotbar .s2-segment,
.pf-studio-social .s2-rail-right .s2-libseg,
.pf-studio-social .s2-rail-right .s2-shared-library,
.pf-studio-social .s2-rail-right .s2-asset-card{background:#0d151e;}
.pf-studio-social .s2-rail-right .pf-social-film-btn.ss-tpl{
  border-color:#2b4052; background:#0d151e; color:var(--s2-text);
}
.pf-studio-social .s2-rail-right .pf-social-film-btn.ss-tpl:hover{
  border-color:#527797; background:#172635;
}
.pf-studio-social .s2-rail-right .pf-social-film-btn.ss-tpl.is-active{
  border-color:var(--s2-accent); background:#2a211e;
}
.pf-studio-social .s2-rail-right .ss-tpl-chips span{background:#1c2b39; color:#b7c6d2;}
.pf-studio-social .s2-slotbar .pf-input,
.pf-studio-social .s2-slotbar .pf-studio-input,
.pf-studio-social .s2-rail-right .pf-input,
.pf-studio-social .s2-rail-right .s2-upload-input{
  border-color:var(--s2-line); background:#0a121a; color:var(--s2-text); color-scheme:dark;
}
.pf-studio-social .s2-slotbar :is(
  .s2-reframe-help,.s2-empty,.s2-note,.s2-isolate-status
){color:var(--s2-muted);}
.pf-studio-social .s2-slotbar .pf-link{font-size:11px; line-height:1.4; text-underline-offset:3px;}
.pf-studio-social .s2-slotbar .pf-hint{
  margin-top:0; margin-bottom:0; color:var(--s2-muted); font-size:11px; line-height:1.4;
}
.pf-studio-social .s2-copy-draft-status{
  align-self:flex-start; padding:3px 7px; border:1px solid #ad7b22; border-radius:999px;
  background:#2a2414; color:#f0ce78; font-size:9px; font-weight:750; line-height:1.35;
}
.pf-studio-social .s2-job-assets-added-actions{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 10px;
  padding:10px; border:1px solid #35546e; border-radius:8px; background:#101f2d;
}
.pf-studio-social .s2-job-assets-added-actions[hidden]{display:none;}
.pf-studio-social .s2-job-assets-added-actions p{
  width:100%; margin:0; color:var(--s2-muted); font-size:10px; line-height:1.4;
}
.pf-studio-social .s2-copy-field.has-pending-draft{border-color:#ad7b22; background:#211c12;}
.pf-studio-social .s2-copy-field.has-draft-conflict{border-color:#aa4f43; background:#281716;}
.pf-studio-social .s2-copy-draft-note{
  display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:6px;
  color:#f0ce78; font-size:10px; line-height:1.45; overflow-wrap:anywhere;
}
.pf-studio-social .s2-copy-field.has-draft-conflict .s2-copy-draft-note{color:#ffafa5;}
.pf-studio-social .s2-copy-draft-note .pf-link{min-height:44px; padding-block:8px; color:#9dccf4;}
.pf-studio-social .s2-copy-recovery{
  display:flex; min-width:0; flex-direction:column; gap:8px; padding:10px;
  border:1px solid #aa4f43; border-radius:7px; background:#281716; color:#ffafa5;
  font-size:10px; line-height:1.45;
}
.pf-studio-social .s2-copy-recovery-item{
  display:flex; min-width:0; flex-direction:column; gap:6px; padding-top:8px;
  border-top:1px solid #6e3834;
}
.pf-studio-social .s2-copy-recovery-item textarea{
  box-sizing:border-box; width:100%; min-height:58px; padding:7px; border:1px solid #bd8c85;
  border-radius:5px; background:#120d0d; color:#ffe8e4; font:inherit; resize:vertical;
}
.pf-studio-social .s2-copy-recovery .s2-copy-actions :is(button,.pf-link){min-height:44px;}
.pf-studio-social .s2-rail-right .ss-tpl > :is(img,.s2-template-preview){grid-row:1 / span 2;}
.pf-studio-social .s2-rail-right .ss-tpl .pf-social-rec-badge{
  position:static; grid-column:2; justify-self:start; margin:2px 0 0;
}
.pf-studio-social .s2-rail-right .s2-libseg button[aria-selected="true"]{
  background:#29435b; color:#fff;
}
.pf-studio-social .s2-medium-tools{
  grid-area:tooltabs; min-width:0; align-items:center; gap:4px; padding:6px;
  border:1px solid var(--s2-line); border-bottom:0; border-radius:10px 10px 0 0;
  background:#162230;
}
.pf-studio-social .s2-medium-tools button{
  min-width:0; min-height:44px; flex:1 1 0; padding:8px 6px;
  border:1px solid transparent; border-radius:7px; background:transparent;
  color:var(--s2-muted); font-size:11px; font-weight:700; cursor:pointer;
}
.pf-studio-social .s2-medium-tools button[aria-pressed="true"]{
  border-color:#4b7696; background:#29435b; color:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.22);
}
.pf-social-workspace-shell .pf-social-workspace-composer-zone{
  margin-bottom:18px;
}
.pf-social-workspace-shell .pf-social-workspace-composer-zone > .s2-zonehd{
  margin-bottom:10px;
}
.pf-social-workspace-context{
  margin:0 0 28px; border:1px solid var(--s2-line); border-radius:12px;
  background:var(--s2-surface); overflow:hidden;
}
.pf-social-workspace-context > summary{
  position:relative; display:flex; min-height:52px; box-sizing:border-box; align-items:center;
  justify-content:space-between; gap:14px; padding:10px 14px; cursor:pointer;
  color:var(--pf-text); font-size:13px; font-weight:700; list-style:none;
}
.pf-social-workspace-context > summary::-webkit-details-marker{display:none;}
.pf-social-workspace-context > summary::after{
  content:"+"; flex:none; color:var(--pf-muted); font:700 18px/1 var(--mono);
}
.pf-social-workspace-context[open] > summary::after{content:"−";}
.pf-social-workspace-context > summary small{
  margin-left:auto; color:var(--pf-muted); font-size:10px; font-weight:500;
}
.pf-social-workspace-context-body{padding:0 14px 14px;}
.pf-social-workspace-context-note{
  margin:0 0 14px; padding:12px; border-radius:8px; background:var(--s2-surface-2);
  color:var(--pf-muted); font-size:12px; line-height:1.5;
}
.pf-social-workspace-context-body > .s2-zone:last-child{margin-bottom:0;}

@media (min-width:700px) and (max-width:1199px){
  .pf-social-workspace-shell.is-composer .s2-view-inner{padding:10px 12px 24px;}
  .pf-social-workspace-shell.is-composer .s2-view-head,
  .pf-social-workspace-shell.is-composer .pf-social-workspace-composer-zone > .s2-zonehd{
    display:none;
  }
  .pf-social-workspace-shell.is-composer .pf-social-workspace-composer-zone{margin-bottom:12px;}
  .pf-studio-social .s2-composer-grid{
    display:grid; grid-template-columns:minmax(0,1fr) clamp(250px,38%,320px);
    grid-template-rows:auto minmax(0,1fr);
    grid-template-areas:"stage tooltabs" "stage tools";
    gap:0 12px; align-items:start;
  }
  .pf-studio-social .s2-stage{
    grid-area:stage; position:sticky; top:10px; min-width:0;
    height:calc(100dvh - 76px); max-height:calc(100dvh - 76px); overflow:hidden;
  }
  .pf-studio-social .s2-stage .s2-frame{min-height:0; padding:18px;}
  .pf-studio-social .s2-medium-tools{display:flex; position:sticky; top:10px; z-index:4;}
  .pf-studio-social .s2-slotbar,
  .pf-studio-social .s2-rail-right{
    grid-area:tools; position:sticky; top:66px; width:auto; height:auto;
    max-height:calc(100dvh - 82px); min-height:0; overflow-y:auto;
    border:1px solid var(--s2-line); border-radius:0 0 10px 10px; box-shadow:none;
  }
  .pf-studio-social .s2-rail-right{display:flex; flex-direction:column; overflow:hidden;}
  .pf-studio-social .s2-rail-right > .s2-railhd{display:none;}
  .pf-studio-social .s2-rail-right [role="tabpanel"]{min-height:0; overflow-y:auto;}
  .pf-studio-social .s2-composer[data-medium-tool="inspector"] .s2-rail-right,
  .pf-studio-social .s2-composer[data-medium-tool="templates"] .s2-slotbar,
  .pf-studio-social .s2-composer[data-medium-tool="assets"] .s2-slotbar{display:none;}
  .pf-studio-social .s2-composer[data-medium-tool="templates"] .s2-rail-right,
  .pf-studio-social .s2-composer[data-medium-tool="assets"] .s2-rail-right{display:flex;}
  .pf-studio-social .s2-slotbar > .s2-rail-head{position:sticky; top:0; z-index:2;}
  .pf-studio-social .ss-tpl-list,
  .pf-studio-social .s2-assets-browser{max-height:none;}
  .pf-studio-social .s2-bottombar{display:none;}
  .pf-studio-social .s2-publish{top:var(--s2-bar);}
}

@media (min-width:1200px){
  .pf-social-workspace-shell .s2-view-inner{
    width:auto; max-width:none; padding:18px clamp(20px,3vw,44px) 36px;
  }
  .pf-social-workspace-shell .s2-view-head{margin-bottom:14px;}
  .pf-social-workspace-shell .s2-view-sub{max-width:720px;}
  .pf-social-workspace-shell .pf-social-workspace-composer-zone > .s2-zonehd{
    min-height:36px; margin-bottom:8px;
  }
  .pf-social-workspace-shell .s2-composer-grid{
    grid-template-columns:250px minmax(430px,1fr) 290px;
    gap:14px; height:min(720px,calc(100dvh - 250px)); min-height:440px;
    align-items:stretch;
  }
  .pf-social-workspace-shell .s2-stage{
    position:relative; top:auto; height:100%; overflow:hidden;
  }
  .pf-social-workspace-shell .s2-stage .s2-frame{box-sizing:border-box; min-height:100%;}
  .pf-social-workspace-shell .s2-slotbar,
  .pf-social-workspace-shell .s2-rail-right{
    height:100%; min-height:0; overflow-x:hidden; overflow-y:auto;
  }
  .pf-social-workspace-shell .s2-rail-right{display:flex; flex-direction:column;}
  .pf-social-workspace-shell .s2-rail-right [role="tabpanel"]{
    min-height:0; overflow-y:auto;
  }
  .pf-social-workspace-shell .ss-tpl-list{max-height:none;}
}

@media (max-width:699px){
  .pf-social-workspace-shell .s2-view-inner{padding-top:14px;}
  .pf-social-workspace-shell .s2-view-head{margin-bottom:10px;}
  .pf-social-workspace-shell .s2-view-head h1{font-size:24px;}
  .pf-social-workspace-shell .s2-view-sub{margin-top:4px; font-size:12px; line-height:1.35;}
  .pf-social-workspace-shell .pf-social-workspace-composer-zone > .s2-zonehd{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .pf-social-workspace-shell .pf-social-workspace-composer-zone{margin-bottom:12px;}
  .pf-social-workspace-context > summary{align-items:flex-start; flex-direction:column;}
  .pf-social-workspace-context > summary small{margin-left:0;}
  .pf-social-workspace-context > summary::after{position:absolute; right:15px;}
  .pf-social-workspace-context-body{padding:0 10px 10px;}
}

@media (max-width:520px){
  .pf-studio-social .s2-tabs a:not(.on){display:none;}
}

/* Social Shared Library manager. The composer rail remains visually separate:
   this surface owns custody and permission truth, not card placement. */
.pf-social-library{
  --s2-panel:var(--s2-surface); --s2-panel-2:var(--s2-surface-2);
  --s2-text:var(--pf-text); --s2-muted:var(--pf-muted);
  --s2-terra:var(--pf-terracotta);
}
.pf-social-library .s2-view-inner{display:flex; flex-direction:column; gap:18px;}
.pf-social-library-head{align-items:flex-end;}
.pf-social-library-counts{display:flex; gap:8px; flex-wrap:wrap;}
.pf-social-library-counts span{
  display:flex; align-items:baseline; gap:5px; padding:8px 11px;
  border:1px solid var(--s2-line); border-radius:8px;
  background:var(--s2-panel); color:var(--s2-muted); font-size:10px;
}
.pf-social-library-counts strong{color:var(--s2-text); font-size:15px;}
.pf-studio-rd .pf-social-library-import-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;
}
.pf-social-library-import-card,
.pf-social-library-asset{
  border:1px solid var(--s2-line); border-radius:10px; background:var(--s2-panel);
}
.pf-social-library-import-card > summary,
.pf-social-library-new-receipt > summary{
  display:flex; align-items:center; gap:7px; padding:12px; cursor:pointer;
  color:var(--s2-text); font-size:12px; font-weight:700; list-style:none;
}
.pf-social-library-import-card > summary::-webkit-details-marker,
.pf-social-library-new-receipt > summary::-webkit-details-marker{display:none;}
.pf-social-library-import-card > summary::after,
.pf-social-library-new-receipt > summary::after{
  content:"+"; margin-left:auto; color:var(--s2-muted); font-family:var(--mono);
}
.pf-social-library-import-card[open] > summary::after,
.pf-social-library-new-receipt[open] > summary::after{content:"-";}
.pf-social-library-import-card > form,
.pf-social-library-new-receipt > form{
  display:flex; flex-direction:column; gap:10px; padding:0 12px 12px;
}
.pf-social-library .pf-field{display:flex; flex-direction:column; gap:5px; min-width:0;}
.pf-social-library .pf-field-label,
.pf-social-library-checks legend{
  color:var(--s2-muted); font-family:var(--mono); font-size:8px;
  letter-spacing:.08em; text-transform:uppercase;
}
.pf-social-library .pf-field-hint{color:var(--s2-muted); font-size:9px; line-height:1.45;}
.pf-social-library .pf-textarea{min-height:76px; resize:vertical;}
.pf-social-library-permission-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.pf-social-library-checks{
  display:flex; gap:7px 12px; flex-wrap:wrap; margin:0; padding:9px;
  border:1px solid var(--s2-line); border-radius:7px;
}
.pf-social-library-checks legend{padding:0 4px;}
.pf-social-library-checks label,
.pf-social-library-confirm{
  display:flex; align-items:flex-start; gap:6px; color:var(--s2-text);
  font-size:9px; line-height:1.4;
}
.pf-social-library-checks input,
.pf-social-library-confirm input{flex:0 0 auto; margin-top:1px; accent-color:var(--s2-terra);}
.pf-social-library-confirm{
  padding:9px; border:1px solid rgba(228,180,79,.32); border-radius:7px;
  background:rgba(228,180,79,.06);
}
.pf-social-library-source-preview,
.pf-social-library-preview{
  background-color:#d5d8dc;
  background-image:
    linear-gradient(45deg,#b8bdc3 25%,transparent 25%),
    linear-gradient(-45deg,#b8bdc3 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#b8bdc3 75%),
    linear-gradient(-45deg,transparent 75%,#b8bdc3 75%);
  background-position:0 0,0 8px,8px -8px,-8px 0;
  background-size:16px 16px;
}
.pf-social-library-source-preview{
  display:flex; align-items:center; justify-content:center; min-height:150px;
  overflow:hidden; border:1px solid var(--s2-line); border-radius:8px;
}
.pf-social-library-source-preview.is-empty{padding:16px; background:#08111a;}
.pf-social-library-source-preview img{
  display:block; width:100%; height:180px; object-fit:contain;
}
.pf-social-library-source-preview span{
  color:var(--s2-muted); font-size:9px; line-height:1.45; text-align:center;
}
.pf-social-library-source-pager,
.pf-social-library-asset-pager,
.pf-social-library-history-pager{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  color:var(--s2-muted); font-family:var(--mono); font-size:8px;
}
.pf-social-library-source-pager a{color:var(--s2-text);}
.pf-social-library-history-pager a{color:var(--s2-text);}
.pf-social-library-asset-pager{justify-content:center; margin-top:12px;}
.pf-studio-rd .pf-social-library-assets{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.pf-social-library-asset{display:grid; grid-template-columns:154px minmax(0,1fr); overflow:hidden;}
.pf-social-library-asset.is-removed{opacity:.82;}
.pf-social-library-preview{position:relative; min-height:210px;}
.pf-social-library-preview img{width:100%; height:100%; min-height:210px; object-fit:contain;}
.pf-social-library-preview .s2-vpill{position:absolute; top:9px; left:9px;}
.pf-social-library-asset-body{display:flex; flex-direction:column; gap:10px; min-width:0; padding:12px;}
.pf-social-library-title-row{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
.pf-social-library-title-row h3{margin:0; color:var(--s2-text); font-size:14px; overflow-wrap:anywhere;}
.pf-social-library-title-row p{margin:3px 0 0; color:var(--s2-muted); font-size:9px;}
.pf-social-library-usage{display:flex; align-items:flex-end; flex-direction:column; gap:3px; color:var(--s2-muted); font-family:var(--mono); font-size:8px; white-space:nowrap;}
.pf-social-library-usage .is-blocked{color:#ffb0a7;}
.pf-social-library-integrity{
  margin:0; padding:8px; border:1px solid #8f4545; border-radius:7px;
  background:rgba(143,69,69,.12); color:#ffb0a7; font-size:9px;
}
.pf-social-library-integrity.is-checking{
  border-color:var(--s2-line); background:rgba(255,255,255,.025); color:var(--s2-muted);
}
.pf-social-library-integrity.is-valid{
  border-color:rgba(95,185,134,.45); background:rgba(95,185,134,.08); color:#a9e7c2;
}
.pf-social-library-label-form{display:flex; gap:7px;}
.pf-social-library-label-form .pf-input{min-width:0; flex:1;}
.pf-social-library-provenance,
.pf-social-library-receipts{display:flex; flex-direction:column; gap:6px;}
.pf-social-library-provenance h4,
.pf-social-library-receipts h4{
  margin:0; color:var(--s2-muted); font-family:var(--mono); font-size:8px;
  letter-spacing:.08em; text-transform:uppercase;
}
.pf-social-library-provenance > span,
.pf-social-library-empty{margin:0; color:var(--s2-muted); font-size:9px;}
.pf-social-library-receipt{
  padding:9px; border:1px solid var(--s2-line); border-radius:8px; background:#0d151e;
}
.pf-social-library-receipt.is-revoked,
.pf-social-library-receipt.is-expired{border-color:#5a4f45;}
.pf-social-library-receipt-head{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.pf-social-library-receipt-head strong{color:var(--s2-text); font-size:10px;}
.pf-social-library-receipt > p{margin:7px 0; color:var(--s2-text); font-size:9px; line-height:1.45; overflow-wrap:anywhere;}
.pf-social-library-receipt dl{display:flex; flex-direction:column; gap:4px; margin:0 0 8px;}
.pf-social-library-receipt dl > div{display:grid; grid-template-columns:76px minmax(0,1fr); gap:8px;}
.pf-social-library-receipt dt{color:var(--s2-muted); font-family:var(--mono); font-size:8px;}
.pf-social-library-receipt dd{margin:0; color:var(--s2-text); font-size:8px; overflow-wrap:anywhere;}
.pf-social-library-receipt .pf-social-library-revoked-at{
  margin:7px 0 0; color:#ffb0a7; font-family:var(--mono); font-size:8px;
}
.pf-social-library-new-receipt{border:1px dashed var(--s2-line); border-radius:8px;}
.pf-social-library-lifecycle{display:flex; justify-content:flex-end; margin-top:auto; padding-top:2px;}
.pf-social-library-lifecycle form{margin:0;}

@media (max-width:1180px){
  .pf-studio-rd .pf-social-library-import-grid{grid-template-columns:1fr;}
  .pf-studio-rd .pf-social-library-assets{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .pf-social-library-head{align-items:flex-start;}
  .pf-social-library-counts{width:100%;}
  .pf-social-library-counts span{flex:1;}
  .pf-social-library-permission-grid{grid-template-columns:1fr;}
  .pf-social-library-asset{grid-template-columns:1fr;}
  .pf-social-library-preview,
  .pf-social-library-preview img{min-height:180px; max-height:280px;}
  .pf-social-library-title-row{flex-direction:column;}
  .pf-social-library-usage{align-items:flex-start; flex-direction:row;}
  .pf-social-library-label-form{align-items:stretch; flex-direction:column;}
  .pf-social-library-receipt dl > div{grid-template-columns:1fr; gap:2px;}
  .pf-social-library-source-pager{align-items:flex-start; flex-wrap:wrap;}
}

.pf-studio-social .s2-inspector-shortcuts{
  display:flex; flex-wrap:wrap; gap:6px; padding:10px 14px;
  border-bottom:1px solid var(--s2-line);
}
.pf-studio-social .s2-inspector-shortcuts a{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px;
  padding:6px 9px; border:1px solid var(--s2-line); border-radius:8px;
  color:inherit; font-size:12px; font-weight:600; text-decoration:none;
}
.pf-studio-social .s2-inspector-shortcuts a:focus-visible{
  outline:2px solid currentColor; outline-offset:2px;
}

/* Asset source navigation owns the rail scroll. Source controls stay available
   while one flat result surface moves beneath them. */
.pf-studio-social #s2-panel-assets{
  display:flex; min-height:0; flex:1 1 auto; flex-direction:column; padding:0;
  overflow:hidden;
}
.pf-studio-social #s2-panel-assets[hidden]{display:none;}
.pf-studio-social .s2-asset-source-tabs{
  display:grid; flex:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px;
  padding:8px; border-bottom:1px solid var(--s2-line); background:var(--s2-panel-2);
}
.pf-studio-social .s2-asset-source-tabs button{
  min-width:0; min-height:34px; padding:6px 4px; border:1px solid transparent;
  border-radius:7px; background:transparent; color:var(--s2-muted); font-size:12px;
  font-weight:750; cursor:pointer;
}
.pf-studio-social .s2-asset-source-tabs button:hover{background:#203040; color:var(--s2-text);}
.pf-studio-social .s2-asset-source-tabs button[aria-selected="true"]{
  border-color:#4b7696; background:#193149; color:#fff;
}
.pf-studio-social .s2-asset-source-tabs button:focus-visible{
  outline:2px solid var(--s2-blue); outline-offset:1px;
}
.pf-studio-social .s2-asset-content{
  min-height:0; flex:1 1 auto; overflow-x:hidden; overflow-y:auto;
  overscroll-behavior:contain; padding:10px; scrollbar-width:thin;
}
.pf-studio-social .s2-asset-local-controls{
  position:sticky; top:-10px; z-index:4; margin:0 -2px 8px; padding:2px 2px 1px;
  background:var(--s2-panel);
}
.pf-studio-social .s2-assets-browser,
.pf-studio-social .s2-asset-content .s2-shared-library-grid{
  max-height:none; overflow:visible; overscroll-behavior:auto;
}
.pf-studio-social .s2-job-assets-scope{
  display:grid; grid-template-columns:1fr 1fr; gap:3px; margin:9px 0;
  padding:3px; border:1px solid var(--s2-line); border-radius:8px; background:#0b1219;
}
.pf-studio-social .s2-job-assets-scope button[hidden]{display:none;}
.pf-studio-social .s2-job-assets-scope:has(button[hidden]){grid-template-columns:1fr;}
.pf-studio-social .s2-job-assets-scope button{
  min-height:32px; border:0; border-radius:6px; background:transparent;
  color:var(--s2-muted); font-size:12px; font-weight:750; cursor:pointer;
}
.pf-studio-social .s2-job-assets-scope button.is-active{
  background:#29435b; color:#fff;
}
.pf-studio-social .s2-job-assets-control-header{
  position:sticky; top:-10px; z-index:3; margin:0 -2px 8px; padding:2px 2px 8px;
  background:var(--s2-panel);
}
.pf-studio-social .s2-job-assets-tools{
  padding:0; background:var(--s2-panel);
}
.pf-studio-social .s2-asset-local-controls #s2-asset-search{
  width:100%; max-width:none;
}
.pf-studio-social .s2-mobile-sheet-head [data-mobile-sheet-close]{
  width:auto; min-width:64px; padding:0 10px; gap:5px; font-size:11px; font-weight:750;
}
@media (min-width:700px){
  .pf-studio-social #s2-panel-assets .s2-assets-grid,
  .pf-studio-social #s2-panel-assets .s2-shared-library-grid{
    grid-template-columns:repeat(auto-fill,minmax(84px,1fr));
  }
}
@media (min-width:1700px){
  .pf-studio-social #s2-panel-assets .s2-assets-grid,
  .pf-studio-social #s2-panel-assets .s2-shared-library-grid{
    grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
  }
}
@media (max-width:699px){
  .pf-studio-social .s2-rail-right{
    top:8px; height:auto; max-height:none;
  }
  .pf-studio-social .s2-asset-source-tabs button{min-height:44px; font-size:13px;}
  .pf-studio-social .s2-job-assets-scope button{min-height:44px; font-size:13px;}
  .pf-studio-social .s2-asset-content{padding-bottom:calc(18px + env(safe-area-inset-bottom));}
  .pf-studio-social #s2-panel-assets .s2-assets-grid,
  .pf-studio-social #s2-panel-assets .s2-shared-library-grid{
    grid-template-columns:repeat(auto-fill,minmax(104px,1fr));
  }
}
.s2-ai-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0; }
.s2-ai-control-label { position: relative; display: flex; align-items: center; gap: 6px; margin: 8px 0 4px; }
.s2-ai-info { position: static; display: inline-block; }
.s2-ai-info > summary { list-style: none; cursor: help; border: 1px solid currentColor; border-radius: 50%; width: 18px; height: 18px; text-align: center; font-size: 12px; line-height: 16px; }
.s2-ai-info > span { display: none; position: absolute; left: 0; top: calc(100% + 4px); z-index: 30; width: min(260px, 100%); box-sizing: border-box; padding: 10px; background: #142b43; color: white; border-radius: 6px; font-size: 13px; line-height: 1.4; box-shadow: 0 3px 12px #0003; }
.s2-ai-info[open] > span, .s2-ai-info:hover > span, .s2-ai-info:focus-within > span { display: block; }
.s2-ai-advanced { margin: 12px 0; }
.s2-ai-advanced > summary { cursor: pointer; padding: 8px 0; }