:root{color-scheme:dark}.xai-page{margin:0;background:radial-gradient(ellipse at 78% 9%,#34265b47,transparent 40%),radial-gradient(ellipse at 18% 33%,#07577239,transparent 34%),#060812;color:#f0f7ff;font-family:Manrope,system-ui,sans-serif;min-height:100vh}
.xai-layout{max-width:1440px;margin:0 auto;padding:34px 22px 60px}.xai-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;color:#88adcc}.xai-breadcrumb a{color:#94e6fa;text-decoration:none}.xai-hero{padding:58px 0 38px}.xai-eyebrow{color:#91e4f6;font-size:12px;letter-spacing:.2em;font-weight:750}.xai-hero h1{font:900 clamp(32px,5vw,70px)/1.07 Syne,Manrope,sans-serif;letter-spacing:-.045em;margin:17px 0 20px;color:#f7fbff}.xai-hero h1 em{font-style:normal;background:linear-gradient(90deg,#86e6fd,#9f8bfa,#ecb5ff);color:transparent;background-clip:text;-webkit-background-clip:text}.xai-hero p{color:#bed1e6;line-height:1.7;max-width:720px;font-size:15px}.xai-pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.xai-pill{border:1px solid #8ac8ef50;background:#84bffd10;padding:8px 12px;border-radius:999px;color:#a5dfff;font-size:11px;font-weight:700}
.xai-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:18px}.xai-panel{min-width:0;padding:25px;border:1px solid #a4b9ff30;border-radius:24px;background:linear-gradient(160deg,#10172dda,#0a101df5 70%);box-shadow:0 22px 65px #0006,0 0 50px #79baff0a;backdrop-filter:blur(12px)}.xai-section-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}.xai-section-head h2{font-size:20px;letter-spacing:-.035em;font-weight:800;margin:0;color:#f6faff}.xai-section-head p{font-size:12px;color:#9fb6cf;margin:7px 0 0}.xai-step{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;background:#7de7ff16;border:1px solid #80deee4d;border-radius:13px;color:#96ebf8;font-weight:800;font-size:13px}.xai-label{display:block;color:#d7e7f7;font-size:13px;font-weight:750;margin:18px 0 10px}
.xai-page textarea,.xai-page select{width:100%;box-sizing:border-box;border:1px solid #96b9e257;border-radius:14px;background:#071123;color:#f2f7ff;padding:15px;font:500 14px/1.65 Manrope,system-ui,sans-serif;outline:0}.xai-page textarea:focus,.xai-page select:focus{border-color:#7ce7ff;box-shadow:0 0 0 3px #3caddb22}.xai-page textarea{resize:vertical;min-height:140px}.xai-field-meta{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#8ba6c0;margin-top:7px}.xai-template-head{display:flex;gap:8px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-top:20px}.xai-meta{color:#8ba6c0;font-size:11px}.xai-template-grid{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 20px}.xai-template-grid button{padding:8px 10px;border:1px solid #91b8e044;background:#728bce12;border-radius:10px;color:#d7e9fb;font-size:11px;cursor:pointer;transition:.15s}.xai-template-grid button:hover,.xai-template-grid button:focus-visible{border-color:#8cdeff;color:#fff;background:#7dccfa27}.xai-template-grid button[aria-pressed=true]{background:#3d9cda31;border-color:#8cdeff}.xai-aspect{border:0;padding:0;margin:0;min-width:0}.xai-ratio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.xai-ratio-row label{cursor:pointer;position:relative}.xai-ratio-row input{position:absolute;opacity:0}.xai-ratio-row span{display:flex;min-height:65px;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:#071123;border:1px solid #85a5cf48;border-radius:13px}.xai-ratio-row small{font-size:10px;color:#9bb6d1}.xai-ratio-row input:checked+span{border-color:#8deaff;background:#579ecc25;box-shadow:inset 0 0 0 1px #77eaff44}.xai-ratio-row input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.xai-ratio-treatment p{color:#98b1cb;font-size:11px;line-height:1.6}.xai-generate{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:53px;margin-top:22px;border:1px solid #a5f4ff55;border-radius:15px;color:#091020;background:linear-gradient(100deg,#83e9f7,#a5adff,#edacff);font:800 14px Manrope,system-ui,sans-serif;cursor:pointer}.xai-generate[disabled]{opacity:.42;cursor:not-allowed}.xai-generate:not([disabled]):hover{filter:brightness(1.1)}.xai-limit{font-size:12px;color:#a2c7e1;min-height:16px;margin:10px 0}.xai-status{color:#a5e9ff;line-height:1.55;font-size:12px}.xai-status.is-error{color:#ffacb0}.xai-privacy{font-size:11px;line-height:1.8;color:#869bb4;border-top:1px solid #9ab4d326;padding-top:16px;margin-top:23px}.xai-turnstile{display:flex;justify-content:center;margin-top:18px}
.xai-preview{display:flex;flex-direction:column}.xai-canvas{position:relative;flex:1;min-height:350px;max-height:660px;aspect-ratio:1/1;border:1px dashed #9bb8df58;border-radius:17px;background:radial-gradient(circle at 50% 30%,#704f9c25,transparent 35%),linear-gradient(130deg,#0b1527,#11102b 65%,#0b1629);display:grid;place-items:center;overflow:hidden}.xai-canvas img{width:100%;height:100%;object-fit:contain}.xai-canvas img[hidden],.xai-canvas [hidden]{display:none!important}.xai-placeholder,.xai-loading{max-width:270px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px;padding:20px;color:#d6e6fb}.xai-placeholder strong,.xai-loading strong{font-size:16px}.xai-placeholder small,.xai-loading small{color:#9ab4d1;line-height:1.7}.xai-orbit{width:115px;height:115px;display:grid;place-items:center;border:1px solid #86dbf66e;border-radius:50%;font-size:55px;color:#9febff;background:radial-gradient(circle,#70c0ee24,#716bcf16);box-shadow:0 0 55px #5fcaff35}.xai-orbit.is-loading{animation:xai-turn 4s linear infinite}@keyframes xai-turn{to{transform:rotate(360deg)}}.xai-adjustment{min-height:18px;font-size:11px;color:#91b0cc;text-align:center;margin:12px 0}.xai-download-actions{display:flex;gap:10px}.xai-download-actions button{flex:1;padding:13px 8px;border-radius:12px;background:#78d8f916;border:1px solid #85dcf570;color:#c5f5ff;font-weight:700;cursor:pointer}.xai-download-actions button[disabled]{opacity:.34;cursor:not-allowed}.xai-info{margin-top:25px;padding:20px;border:1px solid #7596b72c;border-radius:15px;background:#729ee80b}.xai-info h3{margin:0;color:#f1f8ff;font-size:14px}.xai-info p{line-height:1.8;font-size:12px;color:#9bb2cc}.xai-info a{color:#8de5ff;font-size:12px}.xai-footer{display:flex;justify-content:space-between;gap:20px;padding-top:35px;font-size:12px;color:#92abc4}.xai-footer a{color:#9feaff;text-decoration:none}
html[dir=rtl] .xai-page,html[dir=rtl] .xai-layout{text-align:right}html[dir=rtl] .xai-footer{flex-direction:row-reverse}html[dir=rtl] .xai-breadcrumb{direction:rtl}@media(max-width:980px){.xai-cols{grid-template-columns:1fr}.xai-canvas{min-height:300px;aspect-ratio:16/10}.xai-layout{padding:25px 13px 45px}.xai-panel{padding:17px}.xai-hero{padding:43px 3px 25px}.xai-hero h1{font-size:clamp(30px,8vw,52px)}}@media(max-width:430px){.xai-pill{font-size:10px}.xai-template-grid button{font-size:10px}.xai-download-actions button{font-size:12px}}@media(prefers-reduced-motion:reduce){.xai-orbit.is-loading{animation:none}}

/* V42 three-engine switcher: clear per-source planned caps, zero fake inference */
.xai-engines{padding:8px 0 27px}.xai-engine-intro{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.xai-engine-intro h2{color:#eef9ff;font-size:18px!important;margin:0 0 12px}.xai-engine-intro p{font-size:12px;color:#a3b6cf;margin:0 0 12px}.xai-engines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.xai-engine{background:linear-gradient(135deg,#141e37,#101b33);border:1px solid #82b4f54c;border-radius:16px;color:#d9ecfa;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:5px;padding:17px;text-align:start;min-width:0;box-shadow:0 8px 20px #0002}.xai-engine:hover,.xai-engine.is-selected{background:linear-gradient(135deg,#153750,#27234b);border-color:#81ecf4bd;box-shadow:inset 0 0 0 1px #5cdbff30,0 12px 30px #061e3254}.xai-engine-icon{font-size:24px;grid-row:1/3;color:#90e6f0}.xai-engine-name{font-size:13px;font-weight:900;color:#f1fbff}.xai-engine-cap{font-size:21px;line-height:1;font-weight:950;color:#a0f3fb;white-space:nowrap}.xai-engine-cap small{font-size:9px;font-weight:750;color:#91adc5}.xai-engine-state{grid-column:2/4;font-size:11px;color:#b2c3d8}.xai-engine-disclaimer{font-size:11px;color:#9cb4cc;margin:14px 1px 0;line-height:1.65}@media(max-width:720px){.xai-engines-grid{grid-template-columns:1fr}.xai-engine{grid-template-columns:auto 1fr auto}.xai-engine-intro{display:block}}

/* V42.2 smart routing controls: make it clear when a provider is unavailable. */
.xai-auto{margin-inline-start:auto;border:1px solid #76d9e79c;background:#5ccde017;color:#b6f7ff;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}
.xai-auto[aria-pressed="false"]{background:#12182a;border-color:#6e8aa660;color:#99acc3}
.xai-auto:focus-visible,.xai-engine:focus-visible{outline:2px solid #ffffff;outline-offset:3px}
.xai-engine.is-unavailable{border-color:#68778b68}
.xai-engine.is-unavailable .xai-engine-state{color:#f3bea9}
.xai-engine-health{color:#a6d8ec;min-height:19px;margin:12px 0 0;font-size:12px;line-height:1.65}
.xai-reserve-consent{display:flex;align-items:start;gap:9px;color:#cddceb;font-size:12px;line-height:1.7;margin-top:12px}
.xai-reserve-consent[hidden]{display:none!important}
.xai-reserve-consent input{accent-color:#75ebff;margin-top:4px}
@media(max-width:720px){.xai-auto{margin-inline-start:0;margin-bottom:8px}.xai-engine-intro{display:flex;flex-direction:column;align-items:start;gap:3px}}

/* V43 integrated creator: preview gate, local gallery, productivity + responsive RTL. */
.xai-page [hidden]{display:none!important}
.xai-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.xai-action-bar button,.xai-advanced button,.xai-device-tools button,.xai-preview-gate button,.xai-history-head button{border:1px solid #72c3df6a;background:#1731489b;color:#dbf8ff;border-radius:10px;padding:10px 12px;font-weight:750;font-size:12px;cursor:pointer}
.xai-action-bar button:focus-visible,.xai-advanced button:focus-visible,.xai-device-tools button:focus-visible,.xai-preview-gate button:focus-visible,.xai-history button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.xai-preview-gate{border:1px solid #9f9cf48c;background:linear-gradient(140deg,#2c26495c,#092b3b66);border-radius:15px;padding:16px;margin:19px 0 8px}
.xai-preview-gate strong{color:#dacaff;font-size:13px}.xai-preview-gate p,.xai-advanced p{color:#b3c8d9;font-size:11px;line-height:1.6}
.xai-preview-gate-row,.xai-seed-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.xai-preview-gate input,.xai-advanced input{background:#071123;border:1px solid #8fb1da80;border-radius:10px;color:#eaf7ff;padding:11px;min-width:0;flex:1;font-size:13px}
.xai-advanced{margin-top:15px;border:1px solid #719db05c;border-radius:13px;padding:12px 15px;background:#06142667}
.xai-advanced summary{cursor:pointer;color:#b9eafa;font-weight:800;font-size:12px}
.xai-advanced-grid{padding:10px 0 0}.xai-advanced label{color:#bad3e6;font-size:12px;display:block;margin-bottom:8px}
.xai-device-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px}
.xai-device-tools span{color:#b7c7dd;font-size:11px;line-height:1.55}
.xai-history{margin-top:24px;padding:14px;border:1px solid #769bb842;border-radius:15px;background:#04112177}
.xai-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.xai-history-head h3{font-size:14px;color:#e7faff;margin:0}.xai-history-head p{font-size:11px;color:#93a9c3;line-height:1.5;margin:7px 0 12px}
.xai-history-head button:disabled{opacity:.3;cursor:not-allowed}
.xai-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xai-history-item{border:1px solid #729eb58c;border-radius:11px;overflow:hidden;padding:0;background:#102137;cursor:pointer;color:#c8eefa;min-width:0;text-align:start}
.xai-history-item[aria-pressed="true"]{border-color:#97f0ff;box-shadow:0 0 0 1px #70d5e6a2}
.xai-history-item img{width:100%;height:94px;object-fit:cover;display:block}
.xai-history-item span{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px}
.xai-download-actions{flex-wrap:wrap}.xai-download-actions button{min-width:110px}
.xai-page button:disabled{cursor:not-allowed}
@media(max-width:420px){.xai-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.xai-history-item img{height:80px}.xai-preview-gate-row input{width:100%;flex-basis:100%}.xai-download-actions button{min-width:0;flex:1 1 40%}}