/* Image Generator Plugin — Modal Styles v1.1.0 */
body.ig-open { overflow: hidden; }
.ig-modal { display:none; position:fixed; inset:0; z-index:99999; align-items:center; justify-content:center; }
.ig-modal[style*="flex"] { display:flex!important; }
.ig-modal__overlay { position:absolute; inset:0; background:rgba(0,0,0,0.85); backdrop-filter:blur(6px); }
.ig-modal__box { position:relative; z-index:1; background:#111113; border:1px solid #2a2a30; border-radius:14px; box-shadow:0 32px 80px rgba(0,0,0,.6); width:100%; max-width:540px; margin:16px; overflow:hidden; animation:igSlide .26s ease; }
@keyframes igSlide { from{transform:translateY(24px);opacity:0} to{transform:translateY(0);opacity:1} }
.ig-modal__header { display:flex; align-items:center; gap:10px; padding:18px 20px 16px; border-bottom:1px solid #1e1e24; background:linear-gradient(135deg,#1a1518,#111113); }
.ig-modal__icon { color:#c8a96e; flex-shrink:0; }
.ig-modal__title { flex:1; margin:0; font-size:16px; font-weight:500; color:#e8e8f0; font-family:'DM Sans',sans-serif; }
.ig-modal__close { background:rgba(255,255,255,.06); border:1px solid #2a2a30; color:#888898; width:30px; height:30px; border-radius:6px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s,color .15s; }
.ig-modal__close:hover { background:rgba(255,255,255,.1); color:#e8e8f0; }
.ig-modal__status { display:none; margin:16px 20px 0; padding:10px 14px; border-radius:8px; font-size:13px; line-height:1.5; font-family:'DM Sans',sans-serif; word-break:break-word; }
.ig-modal__status--info    { background:rgba(100,130,220,.12); color:#a0b4f0; border:1px solid rgba(100,130,220,.2); }
.ig-modal__status--success { background:rgba(120,200,120,.10); color:#8fca8f; border:1px solid rgba(120,200,120,.2); }
.ig-modal__status--error   { background:rgba(220,80,80,.10);   color:#e08080; border:1px solid rgba(220,80,80,.2); }
.ig-modal__progress-track { display:none; margin:14px 20px 0; height:3px; background:#1e1e24; border-radius:99px; overflow:hidden; }
.ig-modal__progress-bar { height:100%; width:0; background:linear-gradient(90deg,#c8a96e,#e8c88e); border-radius:99px; transition:width .7s ease; }
.ig-modal__spinner { display:none; align-items:center; justify-content:center; gap:7px; padding:28px 20px; }
.ig-modal__spinner span { width:9px; height:9px; border-radius:50%; background:#c8a96e; animation:igBounce 1.3s infinite ease-in-out; }
.ig-modal__spinner span:nth-child(2){animation-delay:.18s} .ig-modal__spinner span:nth-child(3){animation-delay:.36s}
@keyframes igBounce{0%,80%,100%{transform:scale(.65);opacity:.4}40%{transform:scale(1.1);opacity:1}}
.ig-modal__preview { display:none; margin:16px 20px 0; border-radius:10px; overflow:hidden; border:1px solid #2a2a30; }
.ig-modal__preview img { display:block; width:100%; height:auto; max-height:340px; object-fit:contain; background:#0a0a0b; }
.ig-modal__actions { display:none; gap:10px; padding:16px 20px; flex-wrap:wrap; }
.ig-btn { flex:1; min-width:140px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:11px 18px; border-radius:8px; font-size:13px; font-weight:500; font-family:'DM Sans',sans-serif; cursor:pointer; border:1px solid transparent; transition:opacity .15s,transform .1s,box-shadow .15s; letter-spacing:.02em; }
.ig-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)} .ig-btn:disabled{opacity:.55;cursor:not-allowed}
.ig-btn--download { background:transparent; color:#e8e8f0; border-color:#2e2e38; }
.ig-btn--download:hover:not(:disabled){background:#1a1a20;border-color:#3a3a48}
.ig-btn--publish { background:#c8a96e; color:#0a0a0b; border-color:#c8a96e; font-weight:600; }
.ig-btn--publish:hover:not(:disabled){box-shadow:0 4px 16px rgba(200,169,110,.35)}
.ig-modal__success { display:none; margin:0 20px 20px; padding:14px 16px; background:rgba(120,200,120,.08); border:1px solid rgba(120,200,120,.18); border-radius:8px; text-align:center; }
.ig-modal__success p { margin:0 0 8px; color:#8fca8f; font-size:14px; font-family:'DM Sans',sans-serif; }
.ig-gallery-link { display:inline-block; color:#c8a96e; font-size:13px; font-weight:500; text-decoration:underline; }
.ig-gallery-link:hover { color:#e8c88e; }
