.gal-app{display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 16px 8px}
.gal-app[hidden]{display:none}
.ga-dev{width:min(390px,92vw);aspect-ratio:390/780;border-radius:46px;padding:10px;background:#0A0B10;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 90px rgba(0,0,0,.45)}
.ga-dev iframe{width:100%;height:100%;border:0;border-radius:36px;background:#fff;display:block}
.gal-app.wide .ga-dev{width:min(1120px,96vw);aspect-ratio:1120/676;border-radius:22px;padding:8px}
.gal-app.wide .ga-dev iframe{border-radius:15px}
.ga-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:900px}
.ga-steps button{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#cfd6e0;font:600 13px Manrope,system-ui,sans-serif;background:none;cursor:pointer;transition:.2s}
.ga-steps button b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);font-size:11px}
.ga-steps button.on{background:#A3EFF4;color:#0A0B10;border-color:#A3EFF4}.ga-steps button.on b{background:#0A0B10;color:#A3EFF4}

@media(max-width:720px){.gal-app.wide .ga-dev{width:min(390px,92vw);aspect-ratio:390/780;border-radius:46px;padding:10px}.gal-app.wide .ga-dev iframe{border-radius:36px}}