/* XALO AI V56 — public presentation layer. Scoped to AI Studio; site navigation unchanged. */
.xai-page{background:radial-gradient(ellipse at 80% 6%,rgba(122,71,188,.17),transparent 38%),radial-gradient(ellipse at 13% 38%,rgba(8,154,197,.11),transparent 37%),#060916}
.xai-layout{max-width:1390px;padding-top:24px}
.xai-hero{padding:27px 4px 27px}
.xai-eyebrow{font-size:10px;letter-spacing:.22em}
.xai-hero h1{font-size:clamp(34px,4.7vw,58px);margin:10px 0 14px;line-height:1.08}
.xai-hero p{font-size:14px;max-width:680px;margin:0}
.xai-pillrow{margin-top:15px}.xai-pill{border-color:rgba(139,214,245,.23);background:rgba(20,52,75,.42)}
.xai-engines{padding:19px 22px 19px;border:1px solid rgba(122,183,222,.23);background:linear-gradient(115deg,rgba(12,26,47,.92),rgba(16,16,40,.84));border-radius:23px;margin-bottom:19px}
.xai-engine-intro h2{font-size:16px!important;margin-bottom:5px}.xai-engine-intro p{margin-bottom:5px;font-size:11px}
.xai-engines-grid{margin-top:11px;gap:12px}.xai-engines-grid .xai-engine{min-height:72px;padding:15px 18px;border-radius:14px;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.xai-engine-icon{font-size:21px}.xai-engine-name{font-size:13px}.xai-engine-cap{font-size:15px}
.xai-engine-health{font-size:11px;margin-top:7px;min-height:0}.xai-engine-disclaimer{font-size:11px;margin-top:5px;color:#a4bace}
.xai-engine.is-unavailable{opacity:.69}.xai-engine.is-unavailable:hover{transform:none;box-shadow:none}
.xai-v55-device-assessment{display:none!important}
.xai-cols{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:17px}
.xai-panel{padding:24px 25px;border-radius:22px;border-color:rgba(145,181,234,.22);background:linear-gradient(155deg,rgba(16,27,49,.97),rgba(9,17,33,.98));box-shadow:0 22px 45px rgba(0,0,0,.25)}
.xai-section-head{margin-bottom:16px}.xai-section-head h2{font-size:19px}.xai-section-head p{margin-top:4px}
.xai-page textarea{min-height:133px;padding:15px 17px;border-radius:14px;font-size:14px;line-height:1.75;background:#071326;border-color:rgba(137,189,238,.41)}
.xai-page textarea::placeholder{color:#849ab0}.xai-page textarea:focus,.xai-page select:focus{outline:2px solid transparent;box-shadow:0 0 0 3px rgba(65,176,225,.15)}
.xai-label{margin:15px 0 8px}.xai-action-bar{margin-top:7px;gap:7px}.xai-action-bar button{padding:8px 11px;background:rgba(31,66,91,.40);border-color:rgba(114,183,223,.36)}
.xai-template-head{margin-top:16px}.xai-template-grid{margin-bottom:5px}.xai-template-grid:not(.xai-public-expanded)>button:nth-child(n+7){display:none}
.xai-public-more{background:transparent;border:0;color:#a5edfc;padding:7px 2px;font-size:12px;font-weight:750;cursor:pointer;text-align:start}
.xai-public-more:hover{text-decoration:underline}.xai-public-more:focus-visible{outline:2px solid #8eeaff;outline-offset:3px;border-radius:5px}
.xai-aspect{margin-top:0}.xai-public-ratio-hint{font-size:11px;color:#a0b7ca;line-height:1.6;margin:9px 0 0}
.xai-advanced{margin-top:13px}.xai-v53-lang{border:1px solid rgba(126,173,216,.23);border-radius:12px;padding:11px 13px;background:rgba(8,27,43,.45);margin-bottom:12px}
.xai-v53-lang>label{font-size:12px!important}.xai-v53-tip{font-size:11px!important;line-height:1.5!important}
.xai-public-availability{font-size:12px;color:#aac6d8;line-height:1.6;margin-top:12px;min-height:0}
.xai-v521-control-row{margin-top:17px}.xai-v521-control-row>.xai-generate{min-height:56px;box-shadow:0 8px 29px rgba(54,166,208,.14);letter-spacing:.01em}
.xai-v521-chooser .xai-v521-toggle{border-color:rgba(121,194,234,.42);background:#12263d}
.xai-limit{font-weight:750;font-size:12px;margin-bottom:2px}.xai-status{font-size:12px}
.xai-privacy{border-top-color:rgba(133,181,220,.17);font-size:11px;margin-top:15px;padding-top:13px}
.xai-canvas{min-height:420px;aspect-ratio:1/1;max-height:720px;background:radial-gradient(circle at 50% 26%,rgba(56,58,119,.35),transparent 45%),linear-gradient(135deg,#0e172a,#101027);border:1px dashed rgba(129,177,215,.36)}
.xai-canvas img{border-radius:12px}.xai-preview{position:sticky;top:88px}.xai-orbit{width:93px;height:93px;font-size:46px;box-shadow:0 0 39px rgba(94,191,238,.2)}
.xai-download-actions button{min-height:45px}.xai-download-actions button:first-child:not(:disabled){border-color:#99ddeb;color:#e5faff;background:rgba(50,127,155,.18)}
.xai-history{margin-top:20px}.xai-history-head{flex-wrap:wrap}.xai-info{margin-top:18px;padding:15px 18px}.xai-info p{margin:8px 0 5px}
.xai-page :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #9eeaff;outline-offset:3px}
@media(max-width:1050px){.xai-preview{position:static}.xai-cols{grid-template-columns:1fr}.xai-hero h1{font-size:clamp(32px,6vw,48px)}.xai-canvas{min-height:310px;max-height:640px}}
@media(max-width:600px){.xai-layout{padding:17px 13px 40px}.xai-hero{padding:23px 0 20px}.xai-hero h1{font-size:clamp(30px,9vw,42px)}.xai-engines{padding:15px 13px;border-radius:17px}.xai-engines-grid{grid-template-columns:1fr;gap:9px}.xai-engines-grid .xai-engine{min-height:65px;padding:11px 14px}.xai-panel{padding:18px 14px;border-radius:17px}.xai-canvas{min-height:260px;aspect-ratio:4/3}.xai-action-bar button{flex:1 1 auto}.xai-v521-toggle{padding:0 10px;font-size:11px}.xai-template-grid button{font-size:11px}.xai-pillrow{gap:6px}.xai-pill{padding:6px 9px}.xai-history-head button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.xai-page *,.xai-page *::before,.xai-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}