/* MCIP 0.4.16 · social mock-up with opt-in new-revision save, no publishing. */
.mcip-social-preview-overlay{position:fixed;inset:0;background:rgba(24,35,30,.68);z-index:2147483100;display:grid;place-items:center;padding:18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.mcip-social-preview-overlay *{box-sizing:border-box}
.mcip-social-preview-panel{background:#f8faf7;color:#23362d;width:min(1120px,100%);max-height:calc(100vh - 36px);border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px #0005}
.mcip-social-preview-top{background:white;display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #dce6dd;gap:20px}
.mcip-social-preview-top>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px}
.mcip-social-preview-top span{font-size:11px;color:#617667}
.mcip-social-preview-close{border:0;border-radius:9px;background:#ecf1ed;font-size:24px;width:36px;height:36px}
.mcip-social-preview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);min-height:0;overflow:auto}
.mcip-social-preview-display{padding:22px 24px;display:flex;flex-direction:column;align-items:center;min-width:0;border-right:1px solid #e1eae2;overflow:auto}
.mcip-social-preview-account,.mcip-social-preview-body{width:min(100%,470px);background:white;padding:12px 15px}
.mcip-social-preview-account{display:flex;align-items:center;gap:9px;border:1px solid #e2eae5;border-radius:10px 10px 0 0}
.mcip-social-preview-account>div{display:grid;gap:3px}.mcip-social-preview-account strong{font-size:13px}.mcip-social-preview-account small{font-size:11px;color:#849386}
.mcip-social-preview-avatar{background:#dfece1;border-radius:99px;width:34px;height:34px;display:grid;place-items:center;font-size:17px;font-weight:750;color:#315b44}
.mcip-social-preview-image{position:relative;width:min(100%,470px);overflow:hidden;background:#e8eee8;isolation:isolate}
.mcip-social-preview-background{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.mcip-social-preview-brand-art{position:absolute;object-fit:contain;z-index:1}
.mcip-social-preview-brand-art[hidden]{display:none}
.mcip-social-preview-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font-size:12px;color:#6b8674}
.mcip-social-preview-body{border:1px solid #e2eae5;border-top:0;border-radius:0 0 10px 10px;font-size:12px;line-height:1.65}
.mcip-social-preview-status{font-size:10px;color:#647b6d;font-weight:750;margin-bottom:10px}.mcip-social-preview-caption{white-space:pre-wrap;margin:0;overflow-wrap:anywhere;max-height:190px;overflow:auto}
.mcip-social-preview-controls{padding:25px;display:flex;flex-direction:column;gap:15px;min-width:0}
.mcip-social-preview-controls h3{margin:0;font-size:18px}.mcip-social-preview-controls>p{margin:0;font-size:12px;line-height:1.55;color:#5b6c61}
.mcip-social-preview-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750}
.mcip-social-preview-controls select{border:1px solid #ccd9ce;border-radius:8px;padding:9px;min-width:0}
.mcip-social-preview-controls input[type=range]{width:100%;accent-color:#356b52}.mcip-social-preview-controls output{font-weight:750}.mcip-social-preview-size-note{font-size:11px!important;color:#536d5c!important;margin-top:-8px!important}.mcip-social-preview-controls input[type=range]{padding:0;min-height:36px;cursor:pointer;touch-action:pan-y}.mcip-social-preview-controls input[type=range]:disabled{opacity:.4;cursor:not-allowed}.mcip-social-preview-size-entry input{width:110px;min-height:34px;padding:6px 10px}
.mcip-social-preview-note{background:#edf3ee;border-left:3px solid #386b54;padding:13px;font-size:12px;line-height:1.6}
.mcip-social-preview-export{background:#31654e;color:#fff;border:0;padding:13px;border-radius:8px;font-weight:750}
.mcip-social-preview-export:disabled{opacity:.5}
.mcip-social-preview-error{padding:12px;border:1px solid #df8a80;background:#fff0ee;color:#8b2525;font-size:12px}
.mcip-social-preview-error[hidden]{display:none}.mcip-social-preview-fineprint{font-size:11px!important}
@media(max-width:730px){.mcip-social-preview-overlay{padding:0}.mcip-social-preview-panel{width:100%;max-height:100vh;height:100vh;border-radius:0}.mcip-social-preview-grid{grid-template-columns:1fr;overflow:auto}.mcip-social-preview-display{border-right:0;padding:15px}.mcip-social-preview-controls{border-top:1px solid #dbe5dc;padding:20px}.mcip-social-preview-top{padding:12px}}

.mcip-social-preview-save{margin-top:8px;background:#3c674e;color:#fff;font-weight:750;border:1px solid #3c674e}
.mcip-social-preview-save:disabled{opacity:.45;cursor:not-allowed}

/* v0.4.16: explicit non-composite background recovery; review without artwork. */
.mcip-social-preview-source-check{border:1px solid #cedfd3;background:#f0f5f1;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:8px}
.mcip-social-preview-source-check strong{font-size:12px;color:#254c38}
.mcip-social-preview-source-check select{width:100%}
.mcip-social-preview-source-check button{border:1px solid #b9cfc0;border-radius:7px;background:#fff;color:#2d6045;padding:8px;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
.mcip-social-preview-source-check button:disabled{opacity:.5;cursor:not-allowed}
.mcip-social-preview-source-check small{line-height:1.45;font-size:11px;color:#536c5c}