/* Galaxy Live 2.22.0 — consolidated core and Galaxy composition studio. */
.gl222Studio{margin:14px 0;padding:14px;border:1px solid #375d91;border-radius:16px;background:linear-gradient(145deg,#081a34,#040b19)}
.gl222Studio h3{margin:0 0 5px}.gl222Studio p{margin:0 0 11px;color:#a9bad2;font-size:12px;line-height:1.45}
.gl222StudioGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gl222StudioGrid label{display:grid;gap:5px;color:#dce8fa;font-size:12px}.gl222StudioGrid .wide{grid-column:1/-1}
.gl222Studio input,.gl222Studio select{width:100%;min-height:42px;border:1px solid #344d73;border-radius:10px;background:#030a17;color:#fff;padding:8px;box-sizing:border-box}
.gl222ProviderRule{margin-top:9px;padding:9px;border-radius:10px;background:#191407;color:#ffd876;font-size:11px;line-height:1.4}
.gl222CompositionFrame{position:relative;isolation:isolate}.gl222CompositionLayers{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:center;padding:9% 8%;box-sizing:border-box}
.gl222CompositionLayers.top{justify-content:flex-start}.gl222CompositionLayers.bottom{justify-content:flex-end;padding-bottom:17%}
.gl222Layer{align-self:center;max-width:90%;padding:10px 14px;border-radius:14px;text-align:center;color:#fff;font-weight:800;font-size:clamp(17px,4.3vw,34px);line-height:1.1;text-shadow:0 2px 8px #000}
.gl222Layer.glass{background:#020817b8;border:1px solid #65b5ff88;backdrop-filter:blur(7px)}.gl222Layer.neon{background:#120323b8;border:1px solid #c55cff;box-shadow:0 0 22px #7b39ff}.gl222Layer.gold{background:#1e1507c7;border:1px solid #e3b756;color:#ffe29a;box-shadow:0 0 18px #d797254d}.gl222Layer.plain{background:transparent}
.gl222ProviderComposition{position:relative}.gl222ProviderBanner{padding:10px 13px;border:1px solid #375d91;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#0c1f3d,#241044);color:#fff;text-align:center;font-weight:800}.gl222ProviderComposition .gl29ExternalMedia{border-radius:0 0 14px 14px}
.gl222AudioFocusNote{display:block;padding:7px 10px;background:#050b17;color:#92cfff;font-size:11px;text-align:center}
body.gl222CoreReady .bottomNav{background:linear-gradient(180deg,#061022,#020611)!important;color:#fff!important;border-top:1px solid #243c65!important}
body.gl222CoreReady .bottomNav button{color:#dce9ff!important;min-height:54px!important}body.gl222CoreReady .bottomNav button.active{color:#59dcff!important}
@media(max-width:620px){.gl222StudioGrid{grid-template-columns:1fr}.gl222StudioGrid .wide{grid-column:auto}.gl222Layer{font-size:clamp(16px,5.2vw,25px)}}