.boot-active #app{visibility:hidden}
#studio-overlay{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center}
#studio-video{width:100%;height:100%;object-fit:contain}
.studio-actions{position:absolute;bottom:30px;right:30px;display:flex;align-items:center;gap:12px}
#studio-status{position:absolute;bottom:85px;left:24px;right:24px;text-align:center;font:16px system-ui;color:#fff}
.studio-actions button{background:#14131ddd;color:#eee;border:1px solid #827989;padding:10px 20px;border-radius:4px}
#desktop-admin-access{margin-top:22px;padding-top:18px;border-top:1px solid #71604a}
#desktop-admin-access form{display:grid;gap:10px}
#desktop-admin-access input{min-width:0;font:inherit;padding:10px;background:#111827;color:#fff;border:1px solid #8b8da0;border-radius:5px}
.desktop-gallery-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.desktop-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.desktop-gallery-grid button{padding:0;overflow:hidden;text-align:left;font:14px/1.35 system-ui}
.desktop-gallery-grid canvas{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#111322}
.desktop-gallery-grid span{display:block;padding:10px}
.desktop-gallery-page{display:flex;gap:12px;align-items:center;justify-content:center}
.desktop-gallery-detail canvas{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain;background:#111322}
.desktop-admin-error{color:#ffbdbd;overflow-wrap:anywhere;max-width:100%}
.startup-error{position:fixed;inset:35% 15%;padding:30px;background:#171321;color:#fff;z-index:2000}
@media(max-width:850px){.desktop-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.score-promo{display:flex;align-items:center;gap:26px;width:min(420px,100%);box-sizing:border-box;margin-top:20px;padding:20px 22px;color:#f4f5f8;background:#000;border:1px solid #ffffff24;border-radius:10px;text-decoration:none;font:15px/1.5 system-ui,sans-serif;box-shadow:0 8px 24px #0004}
.score-promo:hover{border-color:#1ed760;color:#fff}
.score-promo:focus-visible,.desktop-download:focus-visible{outline:2px solid #1ed760;outline-offset:5px}
.score-promo-logo{display:block;width:132px;height:auto;flex:none;animation:score-float 4s ease-in-out infinite}
.score-promo span{max-width:230px}
@keyframes score-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}}
.reduced-motion .score-promo-logo{animation:none}
@media(prefers-reduced-motion:reduce){.score-promo-logo{animation:none}}
@media(max-width:700px){.score-promo{padding:16px;gap:20px;margin-top:14px;font-size:14px}.score-promo-logo{width:96px}}
@media(max-height:540px){.score-promo{margin-top:12px;padding:14px 20px}}