.sidebar .brand.studio-brand,.login-brand.studio-brand{display:flex;flex-direction:column;gap:5px;padding:0;border-radius:12px;text-align:center;align-items:center}.studio-brand>img{width:170px;height:112px;border-radius:12px;object-fit:contain;box-shadow:0 10px 35px #0002}.studio-brand>span{color:#aebdd9;letter-spacing:2.4px;font-size:9px;font-weight:550}.sidebar .workspace-tag{margin-top:24px}.login-story .studio-brand{align-items:flex-start;align-self:flex-start}.login-story .studio-brand>img{width:195px;height:129px;border:1px solid #40557050}.login-story .studio-brand>span{margin:4px auto 0;color:#b9c7e6}.login-story .login-intro{padding-top:35px;padding-bottom:30px}.login-story .login-intro h2{font-size:clamp(43px,4vw,65px)}
#studio-splash{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:30px;background:radial-gradient(ellipse at center,#1c3444,#080f1b 70%);color:#fff;border-radius:0;overflow:hidden}#studio-splash::backdrop{background:#080f1b}.splash-layout{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.splash-eyebrow{color:#b8cbe6;letter-spacing:3px;font-size:10px}.splash-stage{width:min(900px,100%);aspect-ratio:1100/730;max-height:70vh;position:relative;border:1px solid #638d9d44;border-radius:20px;overflow:hidden;box-shadow:0 20px 100px #0005;background:#092033}.splash-stage video{width:100%;height:100%;object-fit:contain}.splash-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.splash-actions button{min-height:43px;padding:10px 20px;border-radius:9px;font-size:12px;cursor:pointer}.splash-skip{background:#c8f898;color:#152315;border:0;font-weight:650}.splash-sound{border:1px solid #657d99;color:#d8e6fb;background:#182637}.splash-caption{color:#b1c3dd;font-size:11px;letter-spacing:.4px;margin:0}
.pwa-offer{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(460px,calc(100% - 28px));background:#22304b;border:1px solid #8fb874;border-radius:15px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 15px 60px #0008;color:#f2f4ff}.pwa-offer>img{width:52px;height:52px;border-radius:12px;border:1px solid #51627c;object-fit:contain}.pwa-offer>div{min-width:0;flex:1}.pwa-offer b{font-size:13px;font-weight:600;display:block;padding-right:12px}.pwa-offer p{font-size:11px;color:#bdcce6;margin:5px 0 9px;line-height:1.5}.pwa-offer #pwa-install{border:0;background:#c8f898;color:#152515;padding:8px 16px;border-radius:7px;font-size:11px;font-weight:650;min-height:34px}.pwa-offer #pwa-close{position:absolute;right:9px;top:6px;background:transparent;border:0;font-size:22px;color:#c0cbe1;cursor:pointer}.pwa-offer button{cursor:pointer}.top-right #install-app{color:#d8ffb2;border-color:#698a5a;background:#27433145}.install-help-logo{width:100px;height:auto;border-radius:9px;margin-bottom:18px}.install-steps{line-height:1.9;font-size:13px;color:#c6d5ec}#install-help{width:min(430px,calc(100% - 32px));padding:30px}#install-help h2{font-size:23px;line-height:1.3}#install-help .button{width:100%;text-align:center}.offline-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.offline-page>img{width:180px;border-radius:16px;margin-bottom:35px}.offline-page h1{font-size:30px;max-width:90vw}.offline-page p{color:#b4c2dd;line-height:1.9;font-size:13px}.offline-page .eyebrow{font-size:9px}
@media(max-width:1150px){.studio-brand>img{width:155px;height:103px}.login-story .studio-brand>img{width:168px;height:112px}.login-story .login-intro h2{font-size:47px}}
@media(max-width:800px){.sidebar .brand.studio-brand{flex-direction:row;justify-content:flex-start;gap:12px}.sidebar .studio-brand>img{width:110px;height:73px}.sidebar .studio-brand>span{font-size:9px}.sidebar nav{margin-top:12px}.login-story .studio-brand{flex-direction:row;align-items:center;gap:13px}.login-story .studio-brand>img{width:110px;height:73px}.login-story .studio-brand>span{margin:0;font-size:9px}.login-story .login-intro{padding-top:20px;padding-bottom:0}.login-story .login-intro h2{font-size:36px}.splash-stage{border-radius:13px}.splash-eyebrow{font-size:9px;letter-spacing:2px}.topbar{height:auto;min-height:74px;display:grid;gap:10px;padding:14px 22px}.top-right{flex-wrap:wrap;justify-content:flex-start;gap:8px}.top-right .text-button{font-size:10px}}
@media(max-width:480px){.sidebar .studio-brand>img{width:95px;height:63px}.login-story .studio-brand>img{width:98px;height:65px}.login-story .studio-brand>span{font-size:8px;letter-spacing:1.8px}.login-story .login-intro h2{font-size:31px}.login-panel{padding-bottom:35px}.login-layout:has(#pwa-offer:not([hidden])) .login-panel{padding-bottom:145px}.pwa-offer{padding:13px;gap:10px}.pwa-offer b{font-size:12px}.pwa-offer p{font-size:10px}.pwa-offer>img{width:48px;height:48px}#studio-splash{padding:20px 16px}.splash-layout{gap:22px}.splash-stage{width:100%;border-radius:12px}.splash-actions button{padding:11px 15px;font-size:11px}.splash-caption{font-size:10px}.topbar{padding:12px 16px}.top-right .live{font-size:9px}.top-right #install-app{padding:8px}.top-right{gap:7px}}
.login-form-wrap .pwa-offer{position:static;transform:none;width:100%;margin:21px 0;box-shadow:none;z-index:auto}.login-form-wrap .pwa-offer p{font-size:11px}.login-form-wrap .pwa-offer #pwa-close{position:static;align-self:flex-start;padding:0 0 0 3px}.login-form-wrap .pwa-offer b{padding:0}