.mh-studio.mh-login{min-height:100vh;inline-size:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg);color:var(--ink);box-sizing:border-box}.mh-studio.mh-login .mh-auth-container{inline-size:100%;max-inline-size:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-sizing:border-box}.mh-studio.mh-login .mh-auth-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.mh-studio.mh-login .mh-auth-brand{inline-size:var(--control);block-size:var(--control);border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-lg);flex-shrink:0}.mh-studio.mh-login .mh-auth-product{display:flex;flex-direction:column;gap:var(--space-1)}.mh-studio.mh-login .mh-auth-product strong{font-size:var(--text-base);color:var(--ink)}.mh-studio.mh-login .mh-auth-product span{font-size:var(--text-sm);color:var(--muted)}.mh-studio.mh-login .mh-auth-welcome h1{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--ink)}.mh-studio.mh-login .mh-auth-welcome p{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--muted)}.mh-studio.mh-login .mh-auth-fields{display:flex;flex-direction:column;gap:var(--space-3)}.mh-studio.mh-login .mh-auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.mh-studio.mh-login .mh-auth-field label{font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--ink)}.mh-studio.mh-login .mh-auth-field input:not([type=checkbox]){min-height:var(--control);inline-size:100%;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-alt);color:var(--ink);font-size:var(--text-base);box-sizing:border-box}.mh-studio.mh-login .mh-auth-field input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.mh-studio.mh-login .mh-auth-field small{font-size:var(--text-sm);color:var(--muted)}.mh-studio.mh-login .mh-password-wrapper{position:relative;display:flex;align-items:center}.mh-studio.mh-login .mh-password-wrapper input{padding-inline-end:var(--control)}.mh-studio.mh-login .mh-password-toggle{position:absolute;inset-inline-end:var(--space-1);inline-size:36px;block-size:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--muted);border-radius:var(--r-sm)}.mh-studio.mh-login .mh-password-toggle:hover{color:var(--ink)}.mh-studio.mh-login .mh-password-toggle svg{inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mh-studio.mh-login .mh-auth-alert{padding:var(--space-3);border-radius:var(--r-sm);background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger);font-size:var(--text-sm)}.mh-studio.mh-login .mh-auth-submit{min-height:var(--control);inline-size:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--r-sm);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;transition:opacity .15s ease}.mh-studio.mh-login .mh-auth-submit:hover:not(:disabled){opacity:.9}.mh-studio.mh-login .mh-auth-submit:disabled{opacity:.5;cursor:not-allowed}.mh-studio.mh-login .mh-spinner{inline-size:18px;block-size:18px;border:2px solid var(--line);border-top-color:var(--on-accent);border-radius:var(--r-full);animation:mh-spin .8s linear infinite}@keyframes mh-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.mh-studio.mh-login{padding:var(--space-2);align-items:stretch}.mh-studio.mh-login .mh-auth-container{max-inline-size:100%;padding:var(--space-4);border-radius:var(--r-sm)}}