.social-export{width:min(1120px,calc(100vw - 28px));max-width:none;max-height:92dvh;padding:26px;border:1px solid var(--cq-line);border-radius:14px;background:var(--cq-bg);color:var(--cq-ink);overflow:auto;overscroll-behavior:contain}
.social-export::backdrop{background:#080a0de6}
.social-export-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}
.social-export-heading p{margin:0 0 6px;color:var(--cq-gold);font-size:11px;font-weight:800;letter-spacing:.12em}
.social-export-heading h2{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.1}
.social-export-heading>button{flex-shrink:0;font-size:24px;min-width:44px;min-height:44px;padding:4px 12px}
.social-export-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);gap:28px;align-items:start}
.social-export-controls{display:grid;gap:14px}
.social-export-controls label,.social-export-preview>label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--cq-ink)}
.social-export-controls label span{font-weight:400;color:var(--cq-muted);display:contents}
.social-export :is(input,select,textarea){box-sizing:border-box;width:100%;min-height:44px;background:#1c1f22;color:var(--cq-ink);border:1px solid #6e706f;border-radius:8px;padding:10px 12px;font:inherit}
.social-export :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #7dceec;outline-offset:3px}
.social-export-controls input:disabled{opacity:.65}
.social-export-intro{font-size:14px;line-height:1.55;margin:0;color:var(--cq-ink)}
.social-export-hint{font-size:12px;line-height:1.6;color:var(--cq-muted);margin:0}
.social-export-downloads{display:grid;gap:9px;margin-top:4px}
.social-export-downloads button{min-height:46px;width:100%}
.social-export-preview{min-width:0;display:grid;gap:9px}
.social-export-image{aspect-ratio:4/5;background:#0b0d0f;border:1px solid var(--cq-line);border-radius:6px;overflow:hidden;display:grid;place-items:center}
.social-export-image img{display:block;width:100%;height:auto}
.social-export-image p{padding:24px;text-align:center;font-size:15px;line-height:1.6}
.social-export [hidden]{display:none!important}
#socialPageDescription{font-size:12px;color:var(--cq-muted);margin:0;text-align:center}
#socialExportStatus{margin:18px 0 0;min-height:1.6em;font-size:13px;color:var(--cq-gold);line-height:1.6}
.social-export details{font-size:13px;border-top:1px solid var(--cq-line);padding-top:12px}
.social-export details summary{cursor:pointer;padding:8px 0}
.social-export details textarea{font-size:12px;line-height:1.5;margin:10px 0}
.social-share-entry { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 0 24px; margin:20px 0 32px; border:0; border-bottom:1px solid var(--cq-line); background:transparent; border-radius:0; }
.social-share-entry p{margin:0;font-size:13px;color:#dacebd;line-height:1.5}
.social-share-entry strong { display:block; color:var(--cq-ink); font-size:15px; font-weight:600; margin-bottom:4px; }
.social-share-entry button{flex-shrink:0}
@media(max-width:680px){.social-export{padding:18px;max-height:94dvh}.social-export-layout{grid-template-columns:1fr;gap:22px}.social-export-preview{grid-row:1}.social-export-image{max-width:360px;width:100%;justify-self:center}.social-export-heading{margin-bottom:16px}.social-share-entry{align-items:start;flex-direction:column}.social-share-entry button{width:100%}}