.ai-tool-page .tool-detail-hero{background:linear-gradient(145deg,#f5f2ff 0%,#fff 48%,#effaff 100%)}
.ai-tool-page .tool-detail-visual{background:radial-gradient(circle at 25% 25%,#aef76e 0 7%,transparent 8%),linear-gradient(145deg,#5c3ee8,#8a63ff 58%,#49bfe8);box-shadow:0 30px 70px rgba(91,60,218,.25)}
.ai-generator-section{padding:18px 0 76px;background:#f7f7fb}
.ai-generator-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#fff;border:1px solid #dedbea;border-radius:24px;overflow:hidden;box-shadow:0 24px 65px rgba(25,22,61,.1)}
.ai-generator-form{padding:34px;border-inline-end:1px solid #e6e3ef}
.ai-generator-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}.ai-generator-title>span{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:15px;color:#fff;font-size:22px;background:linear-gradient(135deg,#6b4df2,#916ef8);box-shadow:0 10px 24px rgba(109,78,239,.25)}
.ai-generator-title small{display:block;color:#7154e9;font-size:11px;font-weight:900;letter-spacing:.11em;margin-bottom:4px}.ai-generator-title h2{font-size:clamp(23px,2.4vw,34px);line-height:1.25;margin:0;color:#17162f}.ai-generator-title p{font-size:14px;line-height:1.8;color:#66627a;margin:8px 0 0}
.ai-field{display:grid;gap:9px;margin-bottom:18px}.ai-field>span{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:850;color:#211e3b}.ai-field>span b{font-size:10px;color:#7455ed;background:#f0ecff;border-radius:99px;padding:5px 9px}.ai-field textarea,.ai-field select,.ai-field input{width:100%;border:1.5px solid #cbc7da;border-radius:12px;background:#fff;color:#17162f;font:700 15px/1.65 Tajawal,Arial,sans-serif;padding:13px 15px;outline:none;transition:.2s border-color,.2s box-shadow}.ai-field textarea{min-height:142px;resize:vertical}.ai-field select,.ai-field input{min-height:54px}.ai-field textarea:focus,.ai-field select:focus,.ai-field input:focus{border-color:#7558ed;box-shadow:0 0 0 4px rgba(117,88,237,.12)}.ai-field textarea.is-invalid{border-color:#d33e5c;box-shadow:0 0 0 4px rgba(211,62,92,.1)}.ai-prompt-field{position:relative}.ai-prompt-field>small{position:absolute;inset-inline-end:13px;bottom:10px;color:#8b879a;font-size:11px}.ai-prompt-field textarea{padding-bottom:32px}
.ai-prompt-examples{display:flex;flex-wrap:wrap;gap:7px;margin:-7px 0 20px}.ai-prompt-examples button{border:1px solid #ded9f4;background:#f8f6ff;color:#5c44bd;border-radius:99px;padding:8px 11px;font:800 11px Tajawal,Arial,sans-serif;cursor:pointer}.ai-prompt-examples button:hover{background:#eee9ff;border-color:#a999ed}.ai-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-seed-field{margin-bottom:20px}
.ai-generate-button{width:100%;min-height:60px;border:0;border-radius:13px;background:linear-gradient(100deg,#5f42e7,#8061f1);color:#fff;padding:0 18px;display:flex;align-items:center;gap:12px;font:inherit;cursor:pointer;box-shadow:0 14px 30px rgba(96,65,229,.25);transition:.2s transform,.2s box-shadow}.ai-generate-button span{font-size:19px}.ai-generate-button b{font-size:16px}.ai-generate-button i{font-style:normal;font-size:20px;margin-inline-start:auto}.ai-generate-button:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(96,65,229,.31)}.ai-generate-button:disabled{opacity:.7;cursor:wait;transform:none}.ai-generate-button.is-loading span{animation:aiSpin 1.5s linear infinite}.ai-provider-note{font-size:11px;line-height:1.7;color:#767187;margin:14px 0 0}
.ai-generator-preview{min-height:600px;padding:34px;background:linear-gradient(145deg,#f2effc,#f7fbff);display:grid;place-items:center;position:relative}.ai-preview-empty,.ai-loading{max-width:440px;text-align:center}.ai-orb{position:relative;display:grid;place-items:center;width:180px;height:180px;margin:0 auto 25px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#acfa64,#7357ef 42%,#282250 72%);box-shadow:0 30px 70px rgba(94,62,214,.25);overflow:hidden}.ai-orb:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.42);border-radius:43% 57% 62% 38%;animation:aiOrbit 7s linear infinite}.ai-orb span{color:#fff;font-size:42px;text-shadow:0 0 24px #fff}.ai-orb i{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 18px #fff}.ai-orb i:first-of-type{inset:32px 48px auto auto}.ai-orb i:last-of-type{inset:auto auto 38px 42px;width:7px;height:7px}.ai-preview-empty h3{font-size:25px;margin:0;color:#19172f}.ai-preview-empty p{font-size:14px;color:#716d80;margin:9px 0 18px}.ai-size-pills{display:flex;justify-content:center;gap:7px}.ai-size-pills span{background:#fff;border:1px solid #ded9eb;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:900;color:#6f6786}
.ai-loader{display:block;width:92px;height:92px;margin:0 auto 22px;border-radius:50%;border:7px solid rgba(115,83,235,.14);border-top-color:#7353eb;animation:aiSpin 1s linear infinite}.ai-loading b{display:block;font-size:20px;color:#211d42}.ai-loading small{display:block;margin-top:8px;color:#777185}.ai-result{width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.ai-result img{display:block;max-width:100%;max-height:530px;object-fit:contain;margin:auto;border-radius:16px;background:linear-gradient(45deg,#ddd 25%,transparent 25%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#ddd 75%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#ddd 75%) 9px -9px/18px 18px,linear-gradient(45deg,#ddd 25%,#fff 25%) 9px -9px/18px 18px;box-shadow:0 22px 50px rgba(33,26,76,.18)}.ai-result-actions{display:flex;gap:10px;margin-top:22px}.ai-download-button,.ai-result-actions button{min-height:52px;border-radius:11px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:850 14px Tajawal,Arial,sans-serif;cursor:pointer}.ai-download-button{flex:1;background:#171632;color:#fff}.ai-result-actions button{border:1px solid #cfc9e2;background:#fff;color:#4f3bb4}.ai-status{position:absolute;inset:auto 34px 15px;margin:0;text-align:center;font-size:12px;font-weight:800}.ai-status.is-error{color:#b42342}.ai-status.is-success{color:#16815a}
@keyframes aiSpin{to{transform:rotate(360deg)}}@keyframes aiOrbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.ai-generator-shell{grid-template-columns:1fr}.ai-generator-form{border-inline-end:0;border-bottom:1px solid #e6e3ef}.ai-generator-preview{min-height:520px}.ai-field-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ai-generator-section{padding-top:8px}.ai-generator-shell{border-radius:16px}.ai-generator-form,.ai-generator-preview{padding:22px}.ai-generator-title h2{font-size:23px}.ai-generator-title>span{flex-basis:44px;height:44px}.ai-result-actions{flex-direction:column}.ai-status{inset-inline:22px}}

/* v22 — one free generation, verified PayPal unlock */
.ai-generator-preview [hidden]{display:none!important}
.ai-access-ribbon{margin-bottom:14px;padding:16px 20px;display:grid;grid-template-columns:1fr 1px 1fr auto;align-items:center;gap:20px;border:1px solid #ddd8ef;border-radius:18px;background:linear-gradient(110deg,#fff 0%,#f8f5ff 55%,#f0fbff 100%);box-shadow:0 14px 35px rgba(31,27,70,.07)}
.ai-access-ribbon>div{display:flex;align-items:center;gap:12px}.ai-access-ribbon>div>span{min-width:48px;height:48px;padding:0 8px;display:grid;place-items:center;border-radius:14px;background:#171632;color:#c9f45b;font-size:17px;font-weight:900}.ai-access-ribbon p{margin:0}.ai-access-ribbon b,.ai-access-ribbon small{display:block}.ai-access-ribbon b{color:#1b1934;font-size:14px}.ai-access-ribbon small{margin-top:2px;color:#777187;font-size:10px;font-weight:700}.ai-access-ribbon>i{width:1px;height:38px;background:#ded9eb}.ai-access-ribbon>em{padding:10px 13px;border-radius:999px;background:#eee9ff;color:#6547d6;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}.ai-access-ribbon>em[data-state="free"]{background:#ecfbdc;color:#386711}.ai-access-ribbon>em[data-state="used"]{background:#fff0e8;color:#9d451a}.ai-access-ribbon>em[data-state="paid"]{background:#e5f8ef;color:#117650}
.ai-paywall{width:min(100%,510px);padding:36px 32px;text-align:center;border:1px solid #d9d2ef;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(43,33,96,.16);backdrop-filter:blur(14px)}
.ai-paywall-lock{position:relative;width:92px;height:92px;margin:0 auto 18px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#6545e8,#8c68fa);box-shadow:0 18px 36px rgba(101,69,232,.3)}.ai-paywall-lock>span{color:#c9f45b;font-size:35px}.ai-paywall-lock>i{position:absolute;inset:auto -9px -9px auto;width:35px;height:35px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#171632;font-size:14px;font-style:normal}
.ai-paywall>small{display:block;color:#7457e8;font-size:10px;font-weight:900;letter-spacing:.12em}.ai-paywall h3{margin:7px 0 8px;color:#17162f;font-size:clamp(27px,3vw,38px);line-height:1.2}.ai-paywall>p{max-width:410px;margin:0 auto;color:#6a6579;font-size:14px;line-height:1.85}.ai-paywall-benefits{margin:22px 0;display:grid;grid-template-columns:1fr;gap:8px;text-align:start}.ai-paywall-benefits span{padding:10px 12px;border-radius:10px;background:#f7f5ff;color:#37304f;font-size:12px;font-weight:800}
.ai-pay-button{min-height:62px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border-radius:14px;background:linear-gradient(100deg,#082b72,#0079c1);color:#fff;text-decoration:none;box-shadow:0 16px 34px rgba(0,82,160,.22);transition:.2s transform,.2s box-shadow}.ai-pay-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,82,160,.3)}.ai-pay-button>span{padding:7px 9px;border-radius:7px;background:#fff;color:#073b8e;font:900 14px Arial,sans-serif;font-style:italic}.ai-pay-button>b{font-size:15px}.ai-pay-button>i{font-size:20px;font-style:normal}.ai-pay-button.is-checking{pointer-events:none;opacity:.65}
.ai-payment-retry{margin-top:11px;border:0;background:transparent;color:#6248c6;font:850 11px Tajawal,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ai-payment-retry:disabled{opacity:.55;cursor:wait}.ai-payment-state{min-height:18px;margin:9px 0 0!important;font-size:11px!important;font-weight:800}.ai-payment-state.is-loading{color:#5f49bd}.ai-payment-state.is-error{color:#b42342}.ai-paywall>em{display:block;margin-top:12px;color:#817c8c;font-size:9px;font-style:normal;line-height:1.7}
@media(max-width:760px){.ai-access-ribbon{grid-template-columns:1fr auto;gap:12px}.ai-access-ribbon>i{display:none}.ai-access-ribbon>em{grid-column:1/-1;text-align:center}.ai-paywall{padding:28px 20px}}
@media(max-width:480px){.ai-access-ribbon{grid-template-columns:1fr}.ai-access-ribbon>div>span{min-width:43px;height:43px}.ai-paywall h3{font-size:27px}.ai-pay-button{grid-template-columns:auto 1fr}.ai-pay-button>i{display:none}}

/* NUJIZ AI Image Generator - white button text */
#aiEnhancePrompt,
#aiEnhancePrompt *,
.ai-enhance-button,
.ai-enhance-button *,
#aiGenerate,
#aiGenerate *,
.ai-generate-button,
.ai-generate-button * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Disabled generate button: keep text white */
#aiGenerate:disabled,
#aiGenerate:disabled *,
.ai-generate-button:disabled,
.ai-generate-button:disabled * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1;
}


/* NUJIZ - force AI enhance button text/icon to white */
#imageEnhancePrompt,
#imageEnhancePrompt *,
#imageEnhancePrompt:hover,
#imageEnhancePrompt:hover *,
#imageEnhancePrompt:focus,
#imageEnhancePrompt:focus *,
#imageEnhancePrompt:active,
#imageEnhancePrompt:active *,
#imageEnhancePrompt:disabled,
#imageEnhancePrompt:disabled * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* NUJIZ - Download image button text/icon white */
#aiDownload,
#aiDownload *,
.ai-download-button,
.ai-download-button *,
#aiDownload:hover,
#aiDownload:hover *,
#aiDownload:focus,
#aiDownload:focus *,
#aiDownload:active,
#aiDownload:active * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}