/* Decorative login only. Authentication and the signed-in Studio retain their controls. */
#loginWelcome{display:none;position:fixed;inset:0;background-color:#173344;background-size:cover;background-position:center;pointer-events:none;z-index:1000}
body.sessionLocked>#loginWelcome{display:block;visibility:visible!important;pointer-events:none!important}
#loginWelcome::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c263432,transparent 52%),linear-gradient(0deg,#0c26346b,transparent 45%);z-index:-1}
.loginWelcomeBrand{position:absolute;top:32px;right:40px;color:white;font-size:12px;font-weight:650;letter-spacing:.22em}.loginWelcomeBrand i{display:inline-block;width:6px;height:6px;background:#ffbb50;border-radius:50%;margin-right:9px;vertical-align:2px}
.loginWelcomeCopy{position:absolute;bottom:74px;right:5%;max-width:48%;text-align:right;color:#fff;text-shadow:0 1px 25px #0006}.loginWelcomeCopy small{font-size:11px;letter-spacing:.2em;font-weight:650;color:#ffca74}.loginWelcomeCopy h2{font-size:clamp(36px,4vw,64px);line-height:1.06;letter-spacing:-.035em;font-weight:650;margin:14px 0}.loginWelcomeCopy p{font-size:14px;color:#fffffff0;margin:14px 0 0}.loginWelcomeFooter{position:absolute;bottom:22px;left:30px;font-size:11px;color:#ffffffe0}
body.sessionLocked #accountDialog{position:fixed;inset:50% auto auto 6%;transform:translateY(-50%);margin:0;width:390px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 48px);overflow:auto;padding:34px 32px 28px;border:1px solid #ffffffb3;border-radius:16px;background:#fffffff7;color:#203f50;box-shadow:0 18px 65px #081a3333}
body.sessionLocked #accountDialog::backdrop{background:transparent;backdrop-filter:none}
.loginCardBrand img{width:177px;height:auto;display:block;mix-blend-mode:multiply}.loginCardBrand span{display:block;font-size:10px;color:#6f8a9a;letter-spacing:.32em;font-weight:700;margin:0 0 24px;padding-left:1px}
body.sessionLocked #accountDialog h2{font-size:25px;letter-spacing:-.02em;margin:0 0 6px;font-weight:650}.loginCardIntro{font-size:13px!important;color:#6c8090!important;margin:0 0 22px}
body.sessionLocked #accountDialog label{font-size:12px;font-weight:600;margin:15px 0}body.sessionLocked #accountDialog input:not([type=checkbox]){min-height:44px;padding:11px 13px;border:1px solid #d7e3eb;border-radius:7px;background:#fff;color:#203f50;font-size:14px}
body.sessionLocked #accountDialog form>.primary{width:100%;min-height:44px;border-radius:7px;border:1px solid #20a4d3;background:#20a4d3;color:#fff;font-size:14px;font-weight:650;margin-top:8px;box-shadow:0 4px 10px #20a4d329}body.sessionLocked #accountDialog form>.primary:hover{background:#168cba;border-color:#168cba}
body.sessionLocked #loginStatus:empty{display:none}body.sessionLocked #loginStatus{font-size:12px;line-height:1.5;color:#99512e;margin:15px 0}body.sessionLocked #loginHelp{border-top:1px solid #e7eef2;padding-top:16px;margin:19px 0 7px;color:#718693;font-size:11px;line-height:1.6}body.sessionLocked #forgotPassword{display:block;width:100%;border:0;background:transparent;color:#33728e;font-size:12px;padding:8px 0}body.sessionLocked #forgotPassword:hover{text-decoration:underline}
@media(max-width:800px){body.sessionLocked #accountDialog{left:50%;transform:translate(-50%,-50%);width:380px;padding:28px}.loginWelcomeBrand{top:20px;right:22px;font-size:10px}.loginWelcomeCopy{display:none}.loginWelcomeFooter{bottom:14px;left:22px}}
@media(max-height:650px){body.sessionLocked #accountDialog{top:16px;bottom:auto;transform:none;max-height:calc(100dvh - 32px);padding-top:20px;padding-bottom:20px}.loginCardBrand span{margin-bottom:12px}.loginWelcomeCopy{bottom:34px}}
@media(max-height:650px) and (max-width:800px){body.sessionLocked #accountDialog{transform:translateX(-50%)}}

/* A single quiet reveal per welcome screen; forms and focus never move. */
.loginWelcomeCopy h2{animation:floorioWelcomeFade .95s ease-out .1s both}.loginWelcomeCopy small{display:inline-block;animation:floorioWelcomeFade .75s ease-out 1.15s both}.loginWelcomeCopy p{animation:floorioWelcomeFade .75s ease-out 1.15s both}
@keyframes floorioWelcomeFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.loginWelcomeCopy h2,.loginWelcomeCopy small,.loginWelcomeCopy p{animation:none;opacity:1}}
body.sessionLocked #accountDialog .loginLanguage{position:absolute;right:26px;top:29px;margin:0;text-align:right}#accountDialog .loginLanguage>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#accountDialog .loginLanguage select{width:108px;height:32px;padding:5px 7px;font-size:12px;border:1px solid #d7e3eb;border-radius:7px;background:#fff;color:#28495b}body.sessionLocked #accountDialog.loginLanguageHeader{padding-top:76px}