/* Studios — sign-in screen. Uses the app tokens from app.css. */
.login{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--ground)}
.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px 26px 24px;display:flex;flex-direction:column;gap:18px}
.login-brand{display:flex;align-items:center;gap:10px}
.login-brand .brand-mark{width:36px;height:36px;border-radius:9px;font-size:17px}
.login-brand .brand-name{font:800 17px var(--display);color:var(--ink);line-height:1.1}
.login-brand .brand-sub{font-size:11.5px;color:var(--muted)}
.login h2{font-size:20px}
.login .lead{color:var(--muted);font-size:13px;margin-top:4px}
.login form{display:flex;flex-direction:column;gap:12px}
.login .input{height:40px;font-size:14px}
.login .btn.primary{height:40px;justify-content:center;font-size:14px;margin-top:4px}
.login .err{display:none;font-size:12.5px;color:var(--crit);background:var(--crit-soft);border-radius:var(--r-sm);padding:8px 10px}
.login .err.on{display:block}
.login .foot{font-size:11.5px;color:var(--faint);text-align:center}