.social-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
.social-preview-column{position:sticky;top:20px}
.social-editor-hint{font-size:12px;line-height:1.6;color:var(--gm-text-muted);margin:8px 0 16px}
.social-compose .social-preview-tabs{margin-bottom:12px;padding-bottom:12px}
.social-compose .social-caption-field{margin-bottom:10px}
.social-reuse-caption{font-size:12px;margin:4px 0 24px}
.social-composer-issues:not(:empty){border-left:3px solid var(--gm-border-control);padding:2px 12px;margin:12px 0;font-size:12px}
.social-composer-issues p{margin:5px 0}
.social-shared-content,.social-channel-controls{border:1px solid var(--gm-border-subtle);border-radius:10px;padding:16px;margin:0 0 20px}
.social-shared-content summary,.social-channel-controls summary{font-size:13px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}
.social-shared-content[open] summary{margin-bottom:16px}
.social-shared-content .social-media-field{border:0;border-top:1px solid var(--gm-border-subtle);padding:16px 0 0;margin:0}
.social-shared-content .social-media-field>.field{margin-top:12px}
.social-preview-panel{padding:22px;min-width:0}
.social-preview-heading{margin:0 0 16px;letter-spacing:0}
.social-preview-heading h2{font-size:17px;margin:0}
.social-preview-heading>span{font-size:11px;color:var(--gm-text-muted)}
.social-preview-tabs{margin-bottom:14px;padding-bottom:14px;flex-wrap:wrap}
.social-preview-tabs button{min-height:34px;font-size:12px}
.social-preview-devices{display:flex;justify-content:center;gap:4px;margin:0 0 16px}
.social-preview-devices button{display:flex;align-items:center;gap:6px;color:var(--gm-text-muted);border:1px solid transparent;border-radius:7px;padding:7px 12px;font-size:12px;min-height:34px}
.social-preview-devices button[aria-pressed=true]{color:var(--gm-selected-text);background:var(--gm-selected-bg);border-color:var(--gm-border-subtle)}
.social-preview-tabs button:focus-visible,.social-preview-devices button:focus-visible,.social-feed-more:focus-visible,.social-shared-content summary:focus-visible,.social-channel-controls summary:focus-visible{outline:3px solid var(--gm-focus);outline-offset:3px}
.social-preview-stage{background:var(--gm-canvas);border:1px solid var(--gm-border-subtle);border-radius:12px;padding:20px 12px;display:flex;justify-content:center;align-items:flex-start;min-width:0}
.social-preview-stage .social-preview{width:100%;max-width:550px;padding:0;overflow:hidden;border:1px solid #d9dde3;border-radius:9px;box-shadow:0 2px 4px #14233708;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#1e293b;min-width:0}
.social-preview-stage[data-device=mobile] .social-preview{max-width:340px}
.social-preview-person{display:flex;align-items:center;gap:10px;margin:0;padding:16px 16px 12px}
.social-preview-person>div{min-width:0;flex:1}
.social-preview-person strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.social-preview-person small{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1.4;margin-top:4px;color:#65676b}
.social-feed-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#edf0f4;display:grid;place-items:center;color:#485565;font-size:18px;font-weight:600;overflow:hidden}
.social-feed-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}
.social-feed-menu{font-size:23px;line-height:1;color:#65676b;align-self:flex-start;letter-spacing:2px}
.social-feed-copy{padding:0 16px 14px}
.social-feed-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.social-feed-text[data-expanded]{display:block}
.social-preview .social-preview-caption,.social-preview .social-preview-link{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;color:#1e293b}
.social-preview .social-preview-caption strong{font-size:14px}
.social-preview .social-preview-link{margin-top:12px}
.social-preview .social-feed-link{color:#0866c6}
.social-feed-more{display:block;font-family:inherit;font-size:13px;font-weight:600;margin-top:4px;color:#65676b;text-align:left}
.social-preview .social-preview-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:0;background:#f0f2f5}
.social-preview .social-preview-placeholder{min-height:240px;aspect-ratio:1;border-radius:0;background:#f5f7fb;color:#5c6b7e;font-family:inherit;padding:16px;text-align:center;gap:12px}
.social-preview-placeholder strong{font-size:14px}
.social-preview-placeholder span{font-size:12px}
.social-feed-link-card{background:#f0f2f5;border-top:1px solid #e1e6ef;padding:14px 16px;overflow-wrap:anywhere}
.social-feed-link-card>small{display:block;text-transform:uppercase;font-size:11px;color:#65676b}
.social-feed-link-card .social-preview-link{display:block;font-weight:600;margin-top:5px}
.social-feed-link-card>p{font-size:11px;margin:8px 0 0;color:#65676b}
.social-feed-actions{display:flex;align-items:center;justify-content:space-around;gap:6px;margin:0 16px;padding:12px 0;border-top:1px solid #e1e6ef;color:#65676b}
.social-feed-actions>span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;min-width:0}
.social-feed-actions svg{flex-shrink:0;width:19px;height:19px}
.social-preview[data-channel=instagram]{border-radius:3px}
.social-preview[data-channel=instagram] .social-preview-person{padding:12px}
.social-preview[data-channel=instagram] .social-feed-avatar{width:32px;height:32px;flex-basis:32px;font-size:15px}
.social-preview[data-channel=instagram] .social-feed-copy{padding:0 12px 16px}
.social-preview[data-channel=instagram] .social-feed-text{-webkit-line-clamp:2}
.social-preview[data-channel=instagram] .social-preview-caption{display:inline}
.social-feed-actions--instagram{border:0;justify-content:flex-start;margin:0;padding:12px;gap:16px;color:#202124}
.social-feed-actions--instagram svg{width:23px;height:23px}
.social-feed-actions .social-feed-save{margin-left:auto}
.social-preview[data-channel=linkedin] .social-feed-avatar{border-radius:0;width:44px;height:44px;flex-basis:44px}
.social-preview[data-channel=linkedin] .social-feed-actions{gap:4px}
.social-preview[data-channel=linkedin] .social-feed-actions>span{flex-direction:column;gap:5px;font-size:11px}
.social-preview-note{font-size:11px;color:var(--gm-text-muted);line-height:1.6;margin:14px 0}
.social-preview-note:empty{display:none}
.social-preview-empty{padding:30px 20px;font-size:13px;text-align:center}
.social-caption-dialog{width:min(440px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--gm-border-subtle);border-radius:14px;padding:24px;background:var(--gm-surface);color:var(--gm-text)}
.social-caption-dialog::backdrop{background:#14233777}
.social-caption-dialog h2{font-size:20px;margin-bottom:14px}
.social-caption-dialog p{font-size:13px;line-height:1.6}
.social-caption-dialog fieldset{border:0;padding:0;margin:20px 0}
.social-caption-dialog legend{font-size:12px;margin-bottom:10px}
.social-caption-dialog label{display:block;border:1px solid var(--gm-border-subtle);padding:12px;border-radius:8px;font-size:14px;margin-bottom:10px}
.social-caption-dialog label small{display:block;font-size:11px;margin:5px 0 0 22px;color:var(--gm-text-muted)}
@media(max-width:1100px){.social-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.social-preview-panel{padding:16px}.social-preview-stage{padding:12px 6px}.social-feed-actions>span{font-size:11px;gap:4px}}
@media(max-width:900px){.social-editor-layout{grid-template-columns:1fr}.social-preview-column{position:static;grid-template-columns:1fr}.social-preview-stage{padding:24px 16px}}
@media(max-width:450px){.social-preview-panel{padding:14px 10px}.social-preview-stage{padding:12px 0;border:0;background:transparent}.social-preview-person{padding:12px}.social-feed-copy{padding:0 12px 12px}.social-feed-actions{margin:0 10px}.social-shared-content,.social-channel-controls{padding:12px}.social-caption-dialog{padding:20px 16px}}
