.webLogin,.remoteBody{margin:0;background:#0f1319;color:#edf3fc;font:14px/1.6 system-ui,-apple-system,sans-serif}.webLogin *,.remoteBody *{box-sizing:border-box}.webLogin{min-height:100dvh;display:grid;place-items:center;padding:24px}.loginCard{width:min(100%,430px);padding:34px;background:#181e27;border:1px solid #344154;border-radius:16px;box-shadow:0 20px 80px #0004}.webEyebrow{font-size:11px;letter-spacing:2px;color:#54aaff;font-weight:700}.loginCard h1{font-size:25px;margin:15px 0 5px}.loginCard h2{font-size:17px}.loginCard p,.remoteHeader p{color:#aab8ca}.loginCard label{display:block;margin:20px 0 7px}.webLogin input,.remoteBody input,.remoteBody select{padding:11px 13px;border:1px solid #40506a;border-radius:7px;background:#0d141e;color:#fff;font:inherit;min-width:0}.loginCard input{width:100%}.webLogin button,.remoteBody button{padding:10px 15px;border:1px solid #41516a;border-radius:7px;background:#242e3d;color:#eef5ff;font:inherit;cursor:pointer}.webLogin .primary{background:#2188ee;border-color:#2188ee}.loginCard form button{width:100%;margin-top:18px}.loginCard #loginError{color:#ffb8b8}.loginCard #occupied{padding:14px;border:1px solid #ae8835;border-radius:8px}.webLogin .small{font-size:12px}.webLogin button:disabled{opacity:.55}.remoteHeader{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #344154}.remoteHeader p{margin:4px 0;font-size:12px}.remoteHeader button{white-space:nowrap}.remoteTools{display:flex;align-items:center;gap:10px;padding:10px 22px;flex-wrap:wrap}.remoteTools select{max-width:450px}.remoteTools input{width:min(420px,100%)}#remoteStatus{font-size:12px;color:#9db6d4}.remoteScreen{padding:0 18px 20px;max-width:1440px;margin:auto}#screen{display:block;width:100%;height:auto;background:#fff;outline:1px solid #344154;min-height:100px}#screen:focus{outline:2px solid #258cf6}.webApp [hidden]{display:none!important}.webApp #passwordForm{max-width:420px;margin-top:16px}.webApp #passwordForm button,.webApp #webFontUpload{margin-top:14px}.webApp #webFontList{margin-top:12px}.webApp #networkOrigin,.webApp #networkURL{display:none}.webApp .settingsGroup input[type=file]{width:100%;max-width:420px}.webApp .settingsGroup a.button{display:inline-flex;align-items:center;text-decoration:none;color:#eef5ff}.webApp #passwordForm input{width:100%}

/* Template controls occupy the unused right-hand side of the editing toolbar. */
#studioToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.svTemplatePicker{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.svTemplatePicker label{margin:0;color:#B8CBE2;font-size:11px;white-space:nowrap}
.svTemplatePicker select{width:155px;min-width:125px;font-size:12px}
.svTemplatePicker button{white-space:nowrap;font-size:11px;min-height:32px}
#svDesignApply{border-color:#4178A4;color:#E1F2FF;background:#203D56}
body.webApp #studioToolbar>.svTemplatePicker{margin-left:auto}
@media(max-width:1150px){.svTemplatePicker{width:100%;justify-content:flex-end}.svTemplatePicker label{display:none}.svTemplatePicker select{width:140px}}