.site-experience.studio-login-screen{background:var(--theme-surface) url(/studio/login-background.webp) center / cover no-repeat;min-height:100svh}.site-scroll main.studio-login{min-height:100svh;padding-block:calc(var(--nav-height) + 3rem) 2rem;background:0 0;align-content:start;justify-items:start;display:grid}.studio-login-panel{border:1px solid var(--theme-line);border-radius:var(--radius-panel);background:var(--theme-surface);width:min(100%,25rem);padding:clamp(1.5rem,4vw,2.5rem)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.studio-login-panel{background:color-mix(in srgb, var(--theme-surface) 85%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.studio-login-panel .studio-nav-action button.site-action{background:color-mix(in srgb, var(--theme-surface) 75%, transparent);width:60px;height:60px;transition:transform var(--motion-feedback) ease, background-color var(--motion-feedback) ease, border-color var(--motion-feedback) ease}.studio-login-panel .studio-nav-action svg{width:27px;height:27px}.studio-login-panel .studio-nav-action button.site-action:is(:hover,:focus-visible){background:var(--theme-surface);border-color:var(--theme-accent);transform:translateY(-3px)}.studio-login-panel .studio-nav-action button.site-action:active{transform:scale(.94)}.studio-login-panel .studio-nav-action:last-child .studio-action-tip{opacity:0;transition:opacity var(--motion-feedback) ease, translate var(--motion-feedback) ease, visibility var(--motion-feedback);left:0;right:auto}.studio-login-panel .studio-nav-action:is(:hover,:focus-within) .studio-action-tip{opacity:1}@media (prefers-reduced-motion:reduce){.studio-login-panel .studio-nav-action button.site-action,.studio-login-panel .studio-nav-action:last-child .studio-action-tip{transition:none;transform:none}}.studio-login-panel h1{font-family:var(--font-serif);margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}.studio-login-panel p{color:var(--theme-muted);margin-block:.75rem 1.5rem}@media (max-width:640px){.site-scroll main.studio-login{justify-items:center}}
