.publish-shell{
  width:min(1240px,calc(100% - 48px));
  margin:22px auto 52px;
  display:grid;
  gap:14px;
}
.publish-heading{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:2px 4px 0;
}
.publish-title-copy{display:flex;align-items:center;gap:12px}
.publish-title-copy h1{margin:0;color:var(--ref-ink);font-size:1.55rem;line-height:1.35}
.publish-title-copy p{margin:3px 0 0;color:var(--ref-muted);font-size:.8rem}
.publish-title-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  background:color-mix(in srgb,var(--ref-brand-2) 10%,var(--ref-panel));
  color:var(--ref-brand-2);font-size:1.15rem;font-weight:900;
}
.publish-heading #publish-readiness{flex:none}
.publish-shell .publisher-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);
  gap:14px;align-items:start;
}
.publish-shell .publisher-main,.publish-shell .publisher-side{gap:14px}
.publish-shell .publisher-side{top:82px}
.publish-composer-card,.publish-side-card,.publish-history-panel{
  padding:16px;border-radius:14px;
}
.publish-card-heading,.publish-history-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.publish-card-heading>div,.publish-history-heading>div{display:flex;align-items:center;gap:8px}
.publish-card-heading h2,.publish-history-heading h2{
  margin:0;color:var(--ref-ink);font-size:.98rem;
}
.publish-card-icon{color:var(--ref-brand);font-size:1rem}
.publish-card-hint{color:var(--ref-muted);font-size:.68rem}
.publish-shell .publisher-form{gap:0}
.publish-shell .form-grid{
  grid-template-columns:1fr;
  gap:11px;
}
.publish-shell .field-wide{grid-column:auto}
.publish-shell .field-block{gap:6px}
.publish-shell .field-block>span{font-size:.74rem;font-weight:800;color:var(--ref-ink)}
.publish-shell .field-block>input,.publish-shell .field-block>textarea{
  background:var(--ref-panel-2)!important;
}
.publish-shell #publish-title{min-height:42px}
.publish-shell #publish-text{
  min-height:142px;
  line-height:1.8;
}
.publish-shell .composer-section{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--ref-line);
}
.publish-shell .composer-section-head{margin-bottom:9px;align-items:center}
.publish-shell .composer-section-head h3{font-size:.82rem;color:var(--ref-ink)}
.publish-shell .composer-section-head p{font-size:.68rem;line-height:1.65}
.publish-shell .publish-mode-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:390px;
}
.publish-shell .publish-mode-choice{display:block}
.publish-shell .publish-mode-choice span{
  width:100%;min-height:38px;justify-content:center;padding:6px 12px;
  border-radius:9px;background:var(--ref-panel-2);font-size:.72rem;
}
.publish-shell .publish-mode-choice input:checked+span{
  background:color-mix(in srgb,var(--ref-brand-2) 8%,var(--ref-panel));
  border-color:var(--ref-brand-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--ref-brand-2) 6%,transparent);
}
.publish-shell .publish-scheduled-field{max-width:390px;margin-top:9px}
.publish-shell .publish-scheduled-field input{min-height:42px}
.publish-shell .selection-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
.publish-shell .selection-grid-media{
  max-height:280px;overflow:auto;padding-inline-end:2px;
}
.publish-shell .selection-card{
  min-height:56px;padding:8px 9px;border-radius:10px;gap:8px;
  background:var(--ref-panel-2);
}
.publish-shell .selection-card:has(input:checked){
  background:color-mix(in srgb,var(--ref-brand-2) 7%,var(--ref-panel));
  border-color:var(--ref-brand-2);box-shadow:none;
}
.publish-shell .selection-card input{width:16px;height:16px}
.publish-shell .selection-copy strong{font-size:.72rem;color:var(--ref-ink)}
.publish-shell .selection-copy small,.publish-shell .connection-inline{font-size:.64rem}
.publish-shell .media-type-pill{
  min-width:42px;padding:4px 7px;border-radius:7px;background:var(--ref-soft);
  color:var(--ref-brand);font-size:.62rem;font-weight:800;text-align:center;
}
.publish-shell .platform-mark{
  width:30px;height:30px;border-radius:9px;font-size:.72rem;
}
.publish-shell .text-button{
  padding:3px 5px;color:var(--ref-brand);font-size:.68rem;font-weight:800;
}
.publish-shell .inline-actions{gap:3px}
.publish-shell .composer-actions{
  margin-top:14px;padding-top:12px;border-top:1px solid var(--ref-line);
}
.publish-shell #selection-summary{font-size:.7rem}
.publish-shell #publish-submit{
  min-width:180px;min-height:42px;
}
.publish-shell #publish-message{margin:10px 0 0;font-size:.72rem}
.publish-shell #publish-message:empty{display:none}
.publish-side-card{overflow:hidden}
.publish-shell .social-preview{
  border-radius:11px;background:var(--ref-panel);border-color:var(--ref-line);
}
.publish-shell .preview-header{padding:11px}
.publish-shell .preview-media{
  min-height:132px;background:var(--ref-panel-2);font-size:.72rem;
}
.publish-shell .social-preview p{padding:11px;font-size:.74rem;line-height:1.8}
.publish-shell .target-status-list{gap:7px}
.publish-shell .target-status-row{
  padding:9px 10px;border-radius:9px;background:var(--ref-panel-2);border-color:var(--ref-line);
}
.publish-shell .target-status-row strong{font-size:.72rem;color:var(--ref-ink)}
.publish-shell .target-status-row small,.publish-shell .target-error{font-size:.64rem}
.publish-history-panel{padding:15px 16px 13px}
.publish-history-heading{margin-bottom:8px}
.publish-history-table-wrap{overflow-x:auto}
.publish-history-table-head,.publish-history-table>article{
  min-width:880px;display:grid;
  grid-template-columns:minmax(240px,1.65fr) minmax(130px,.85fr) .7fr minmax(120px,.8fr) minmax(250px,1.25fr);
  gap:12px;align-items:center;
}
.publish-history-table-head{
  min-height:34px;padding:6px 10px;border-radius:8px;background:var(--ref-panel-2);
  color:var(--ref-muted);font-size:.65rem;font-weight:750;
}
.publish-history-table{gap:0}
.publish-history-table>article{
  min-height:58px;padding:10px;border:0;border-bottom:1px solid var(--ref-line);
  border-radius:0;background:transparent;
}
.publish-history-table>article:last-child{border-bottom:0}
.publish-history-table>article:hover{
  background:color-mix(in srgb,var(--ref-brand-2) 3%,var(--ref-panel));
}
.publish-history-content{display:grid;gap:2px;min-width:0}
.publish-history-link{
  color:var(--ref-ink)!important;text-decoration:none;font-size:.75rem;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.publish-history-link:hover{color:var(--ref-brand)!important}
.publish-history-excerpt{
  color:var(--ref-muted);font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.publish-history-destinations{display:grid;gap:2px;justify-items:start}
.publish-platform-dot{
  display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;
  background:var(--ref-panel-2);color:var(--ref-brand);font-size:.66rem;font-weight:800;
}
.publish-history-destinations small,.publish-history-muted{color:var(--ref-muted);font-size:.62rem}
.publish-history-status{justify-self:start;margin:0!important}
.publish-history-time{display:grid;gap:2px;color:var(--ref-ink);font-size:.66rem}
.publish-history-time small{color:var(--ref-muted);font-size:.61rem}
.publish-history-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0}
.publish-history-actions .button{
  min-height:31px;margin:0;padding:5px 8px;border-radius:8px;font-size:.64rem;white-space:nowrap;
}
.publish-history-empty{min-width:760px;padding:18px 10px}
.publish-history-panel .pagination{margin-top:10px}
:root[data-theme="dark"] .publish-shell .selection-card,
:root[data-theme="dark"] .publish-shell .target-status-row{box-shadow:none}
@media(max-width:1080px){
  .publish-shell{width:min(100% - 34px,1180px)}
  .publish-shell .publisher-grid{grid-template-columns:1fr}
  .publish-shell .publisher-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .publish-shell{width:calc(100% - 22px);margin:14px auto 82px}
  .publish-heading{align-items:flex-start}
  .publish-title-copy h1{font-size:1.3rem}
  .publish-title-icon{width:39px;height:39px}
  .publish-heading #publish-readiness{margin-top:5px}
  .publish-composer-card,.publish-side-card,.publish-history-panel{padding:13px}
  .publish-shell .selection-grid{grid-template-columns:1fr}
  .publish-shell .publisher-side{grid-template-columns:1fr}
  .publish-shell .publish-mode-options{grid-template-columns:1fr}
  .publish-shell .composer-section-head{align-items:flex-start;flex-direction:column}
  .publish-shell .composer-actions{align-items:stretch;flex-direction:column}
  .publish-shell #publish-submit{width:100%}
  .publish-card-heading{align-items:flex-start}
  .publish-card-hint{display:none}
}
@media(max-width:430px){
  .publish-heading{flex-direction:column}
  .publish-heading #publish-readiness{align-self:flex-start}
}
.publish-upload-zone{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;
  margin:0 0 10px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--ref-brand-2) 35%,var(--ref-line));
  border-radius:11px;background:color-mix(in srgb,var(--ref-brand-2) 3%,var(--ref-panel));
  cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.publish-upload-zone:hover,.publish-upload-zone.is-dragging{
  border-color:var(--ref-brand-2);background:color-mix(in srgb,var(--ref-brand-2) 7%,var(--ref-panel));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ref-brand-2) 7%,transparent);
}
.publish-upload-zone.is-uploading{cursor:wait;opacity:.78}
.publish-upload-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
  background:var(--ref-soft);color:var(--ref-brand);font-size:1rem;font-weight:900;
}
.publish-upload-copy{display:grid;gap:2px}
.publish-upload-copy strong{font-size:.74rem;color:var(--ref-ink)}
.publish-upload-copy small{font-size:.64rem;color:var(--ref-muted);line-height:1.55}
.publish-upload-status{min-height:0;margin:0 2px 9px;color:var(--ref-muted);font-size:.67rem}
.publish-upload-status:empty{display:none}
.publish-upload-status.is-error{color:var(--danger)}
.publish-shell .preview-media{
  position:relative;overflow:hidden;
}
.publish-preview-media{
  width:100%;max-width:100%;max-height:240px;display:block;object-fit:cover;background:#000;
}
audio.publish-preview-media{height:54px;object-fit:initial;background:transparent}
.publish-preview-count{
  position:absolute;inset-inline-start:8px;bottom:8px;padding:4px 8px;border-radius:7px;
  background:rgba(8,23,40,.82);color:#fff;font-size:.64rem;font-weight:800;
}
.publish-detail-dialog{
  width:min(920px,calc(100% - 32px));max-height:min(88vh,900px);padding:0;border:0;
  border-radius:16px;background:var(--ref-panel);color:var(--ref-ink);box-shadow:var(--ref-shadow-lg);
}
.publish-detail-dialog::backdrop{background:rgba(4,18,31,.56);backdrop-filter:blur(3px)}
.publish-detail-shell{display:grid;max-height:inherit}
.publish-detail-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid var(--ref-line);background:color-mix(in srgb,var(--ref-panel) 94%,transparent);
  backdrop-filter:blur(12px);
}
.publish-detail-head>div{display:flex;align-items:center;gap:8px}
.publish-detail-head h2{margin:0;font-size:1rem;color:var(--ref-ink)}
.publish-detail-body{overflow:auto;padding:16px;display:grid;gap:14px}
.publish-detail-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.publish-detail-stat{
  display:grid;gap:3px;padding:10px 11px;border:1px solid var(--ref-line);border-radius:10px;
  background:var(--ref-panel-2);
}
.publish-detail-stat span{color:var(--ref-muted);font-size:.62rem}
.publish-detail-stat strong{color:var(--ref-ink);font-size:.72rem}
.publish-detail-section{
  padding-top:12px;border-top:1px solid var(--ref-line);
}
.publish-detail-section h3{margin:0 0 9px;color:var(--ref-ink);font-size:.8rem}
.publish-detail-caption{
  margin:0;padding:11px 12px;border-radius:10px;background:var(--ref-panel-2);
  color:var(--ref-ink);font-size:.75rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;
}
.publish-detail-media-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.publish-detail-media-card{
  overflow:hidden;border:1px solid var(--ref-line);border-radius:11px;background:var(--ref-panel-2);
}
.publish-detail-media-preview{
  width:100%;height:210px;display:block;object-fit:cover;background:#07111d;
}
audio.publish-detail-media-preview{height:58px;margin:14px;width:calc(100% - 28px);object-fit:initial;background:transparent}
.publish-detail-media-fallback{
  min-height:120px;display:grid;place-items:center;padding:14px;color:var(--ref-muted);font-size:.7rem;
}
.publish-detail-media-copy{display:grid;gap:4px;padding:10px}
.publish-detail-media-copy strong{font-size:.72rem;color:var(--ref-ink);overflow-wrap:anywhere}
.publish-detail-media-copy small{font-size:.62rem;color:var(--ref-muted);direction:ltr;text-align:right}
.publish-detail-media-copy p{margin:2px 0;font-size:.68rem;color:var(--ref-muted)}
.publish-detail-media-copy .button{justify-self:start;margin-top:3px}
.publish-detail-targets{display:grid;gap:7px}
.publish-detail-target{
  display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;
  padding:10px 11px;border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-panel-2);
}
.publish-detail-target>div:first-child{display:grid;gap:2px}
.publish-detail-target strong{font-size:.72rem;color:var(--ref-ink)}
.publish-detail-target small{font-size:.62rem;color:var(--ref-muted)}
.publish-detail-target-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.publish-detail-target-meta span{
  padding:3px 6px;border-radius:6px;background:var(--ref-panel);color:var(--ref-muted);font-size:.61rem;
}
.publish-detail-target-meta .target-error{color:var(--danger);background:var(--danger-bg)}
@media(max-width:760px){
  .publish-upload-zone{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .publish-upload-zone .button{grid-column:1/-1;width:100%}
  .publish-detail-dialog{width:calc(100% - 18px);max-height:92vh}
  .publish-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .publish-detail-media-grid{grid-template-columns:1fr}
  .publish-detail-target{grid-template-columns:1fr}
  .publish-detail-target-meta{justify-content:flex-start}
}


/* Remote edit/delete controls for already-published posts. */
.publish-history-actions .publish-delete-button{
  border:1px solid color-mix(in srgb,#d64545 30%,var(--ref-line));
  background:color-mix(in srgb,#d64545 6%,var(--ref-panel));
  color:#c23939;
}
.publish-history-actions .publish-delete-button:hover{
  border-color:color-mix(in srgb,#d64545 48%,var(--ref-line));
  background:color-mix(in srgb,#d64545 11%,var(--ref-panel));
  color:#a92e2e;
}
:root[data-theme="dark"] .publish-history-actions .publish-delete-button{
  border-color:#70404a;
  background:#321f28;
  color:#ff9ca5;
}
:root[data-theme="dark"] .publish-history-actions .publish-delete-button:hover{
  border-color:#97515e;
  background:#43262f;
  color:#ffc0c5;
}
.publish-edit-body{gap:16px}
.publish-edit-body textarea{width:100%;resize:vertical;min-height:92px}
.publish-edit-media{display:grid;gap:10px}
.publish-edit-caption-field{
  display:grid;gap:6px;padding:11px;border:1px solid var(--ref-line);
  border-radius:10px;background:var(--ref-panel-2);
}
.publish-edit-caption-field>span{font-size:.72rem;font-weight:800;color:var(--ref-ink)}
.publish-edit-caption-field textarea{min-height:70px}
.publish-edit-hint{margin:0 0 8px;font-size:.7rem}
.publish-edit-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
@media(max-width:760px){
  .publish-edit-actions{flex-direction:column-reverse}
  .publish-edit-actions .button{width:100%}
}