/* A continuous material backdrop ties the dark artwork to the lighter glass UI. */
.reference-home,.route-main{background:radial-gradient(ellipse at 0 15%,#bfa7de80,transparent 48%),radial-gradient(ellipse at 100% 45%,#7acbd15c,transparent 50%),radial-gradient(ellipse at 20% 85%,#df9fc752,transparent 45%),#d6cde4}
.xp-section.omnelia-atmosphere,.xp-section>.ambient-field{background:transparent}
.xp-section>.ambient-field .kinetic-material{width:100%;right:-30%;opacity:.26;filter:none}
.xp-section>.ambient-field .kinetic-grid{background:linear-gradient(90deg,#d6cde4d9 10%,#d6cde440 80%)}
.match-about-art:has(img[src*="mascot-cutout"]),.generated-hero-art--mascot,.route-mascot-frame,.route-family-art,.footer-mascot{background:transparent!important;border:0!important;box-shadow:none!important}
.generated-hero-art--mascot::after,.match-about-art:has(img[src*="mascot-cutout"])::after,.route-mascot-frame::after,.route-family-art::after{display:none!important}
.image-studio{position:relative;isolation:isolate;margin-block:24px;padding:clamp(20px,4vw,48px);border:1px solid #bca1ee66;border-radius:32px;color:#f6f0ff;background:radial-gradient(ellipse at 0 0,#47296480,transparent 65%),radial-gradient(ellipse at 100% 100%,#18525c66,transparent 65%),#12131f;box-shadow:inset 0 1px 0 #ffffff24,0 18px 45px #1e12252b;overflow:hidden}
.image-studio::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#bca1ee08 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#70e5e808 79px 80px)}
.image-studio-heading{max-width:750px;margin-bottom:28px}.image-studio .image-studio-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.15;font-weight:700;letter-spacing:-.035em;color:#f9f6ff;margin:0 0 16px}.image-studio p{color:#d5cde7;font-size:16px;line-height:1.65}.image-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.image-studio form{min-width:0}.image-studio label{display:block;font-size:16px;font-weight:650;color:#f7f2ff;margin-bottom:10px}
.image-studio textarea,.image-studio select{display:block;width:100%;box-sizing:border-box;border:1px solid #9f83c280;border-radius:16px;padding:14px;background:#181626;color:#f9f6ff;font:400 16px/1.6 Inter,Arial,sans-serif;resize:vertical}.image-studio textarea::placeholder{color:#bfb2d2;opacity:1}.image-studio select{color-scheme:dark;margin-bottom:18px}.image-studio :is(textarea,select,button,a):focus-visible{outline:2px solid #66e9ed;outline-offset:4px}
.image-studio-examples{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.image-studio-examples button{border:1px solid #a88ec259;border-radius:24px;background:#ffffff0a;color:#ded1f5;padding:10px 14px;min-height:44px;font:600 15px/1.4 Inter,Arial,sans-serif;cursor:pointer}.image-studio-examples button:hover{background:#b08ad424;border-color:#8bdbc9}.image-studio-actions{display:flex;flex-wrap:wrap;gap:10px}.image-studio .studio-button{min-height:48px;font-size:16px;background:linear-gradient(120deg,#c89bff,#8ae4e8);color:#21162e;border-color:#d6c4ee;cursor:pointer}.image-studio .studio-button.secondary{background:#ffffff12;color:#f0e6ff}.image-studio .studio-button:disabled{cursor:not-allowed}.image-studio .image-studio-note{font-size:15px;line-height:1.55;color:#e7dff1}.image-studio-status{min-height:3.3em;margin-block:16px}.image-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.image-studio-result{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:380px;padding:20px;border:1px solid #bda1e04d;border-radius:24px;background:radial-gradient(ellipse at 25% 15%,#69478a44,transparent 70%),linear-gradient(150deg,#1d1c2e,#151d2c);box-shadow:inset 0 1px 0 #ffffff20}.image-studio-result>img{max-width:100%;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:14px}.image-studio-empty{text-align:center;max-width:260px}.image-studio-empty>span{display:block;font-size:100px;line-height:1.3;color:#b78ce8;text-shadow:10px 8px 0 #78e9dd44,-8px -5px 0 #f297cc44}.image-studio-result[aria-busy=true]::after{content:'';position:absolute;inset:0;border:2px solid #a7e7e9;border-radius:inherit;pointer-events:none}.image-studio [hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.image-studio-empty>span{animation:image-studio-orbit 12s ease-in-out infinite alternate}.image-studio-result[aria-busy=true]::after{animation:image-studio-pulse 2s ease-in-out infinite alternate}@keyframes image-studio-orbit{from{transform:rotate(-12deg) translateY(0)}to{transform:rotate(12deg) translateY(-8px)}}@keyframes image-studio-pulse{from{opacity:.25}to{opacity:1}}}
@media(max-width:767px){.image-studio{margin-block:18px;border-radius:22px;padding:20px 16px}.image-studio-heading{margin-bottom:22px}.image-studio-grid{grid-template-columns:1fr;gap:20px}.image-studio-result{min-height:240px;padding:14px;border-radius:18px}.image-studio-examples{gap:7px;margin-bottom:18px}.image-studio-examples button{flex:1 1 120px;font-size:15px}.image-studio-actions>.studio-button{flex:1}.image-studio-status{min-height:0}.image-studio .image-studio-heading h2{font-size:32px}}

.image-studio{scroll-margin-top:110px}
/* Keep the separate pages visible rather than hiding the entire site in a menu. */
@media(min-width:768px){.route-main{padding-top:90px}}

[data-image-studio][hidden],
[data-image-studio-link][hidden]{display:none!important}
.image-studio-download-only :is(.image-studio-heading,[data-image-form]){display:none}
.image-studio-download-only .image-studio-grid{grid-template-columns:1fr}