.ai-nav{border-color:rgba(157,177,255,.28)!important;background:linear-gradient(135deg,rgba(157,177,255,.12),rgba(184,151,255,.08))!important}.ai-overlay{position:fixed;inset:0;z-index:210;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,4,7,.88);backdrop-filter:blur(16px)}.ai-overlay.open{display:flex}.ai-dialog{width:min(980px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#0d1015;box-shadow:0 32px 100px rgba(0,0,0,.68)}.ai-head{display:flex;justify-content:space-between;gap:16px;padding:24px 26px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.ai-head h2{margin:7px 0 7px;font-size:29px;letter-spacing:-.045em}.ai-head p{max-width:700px;margin:0;color:#9099a8;font-size:11px;line-height:1.6}.ai-kicker{color:#aebcff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ai-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;font-size:22px;cursor:pointer}.ai-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:22px;padding:24px 26px 28px}.ai-controls{display:flex;flex-direction:column;gap:14px}.ai-controls label{display:flex;flex-direction:column;gap:7px;color:#d9dde5;font-size:11px;font-weight:780}.ai-controls textarea{width:100%;min-height:230px;resize:vertical;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#090c10;color:#fff;padding:13px;outline:none;line-height:1.58}.ai-controls textarea:focus{border-color:rgba(157,177,255,.5);box-shadow:0 0 0 3px rgba(157,177,255,.07)}.ai-style-row{display:flex;gap:7px;flex-wrap:wrap}.ai-style{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#cfd5df;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.ai-style.on{background:rgba(157,177,255,.12);border-color:rgba(157,177,255,.35);color:#fff}.ai-generate{height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,#f7f8ff,#cbd6ff);color:#07090d;font-size:11px;font-weight:900;cursor:pointer}.ai-generate:disabled{opacity:.5;cursor:not-allowed}.ai-note,.ai-status{color:#7f8997;font-size:9.5px;line-height:1.55}.ai-status.err{color:#ff9a9a}.ai-status.ok{color:#8ee6c4}.ai-preview{min-height:430px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#080a0d;display:grid;place-items:center;overflow:hidden;color:#6f7886;font-size:11px;position:relative}.ai-preview img{width:100%;height:100%;max-height:620px;object-fit:contain;display:block}.ai-preview.loading:after{content:'Generating with FLUX…';position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(120deg,#0a0d12,#111626,#0a0d12);background-size:240% 100%;animation:aiShimmer 1.4s linear infinite;color:#cbd4ff;font-size:11px;font-weight:850}.ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ai-action{height:39px;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:0 13px;background:rgba(255,255,255,.035);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.ai-action.primary{background:#dfe5ff;color:#080a0e;border-color:transparent}.ai-action[hidden]{display:none}@keyframes aiShimmer{to{background-position:240% 0}}@media(max-width:760px){.ai-overlay{padding:8px}.ai-dialog{max-height:calc(100dvh - 16px);border-radius:20px}.ai-grid{grid-template-columns:1fr;padding:18px}.ai-head{padding:18px}.ai-preview{min-height:320px}.ai-label{display:none}}