.studio-auth{background:var(--surface-canvas);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;--auth-control-bg:var(--surface-card);--auth-control-text:var(--text-primary);--auth-control-hover-bg:color-mix(in srgb, var(--surface-card) 88%, var(--surface-canvas));--auth-control-hover-border:color-mix(in srgb, var(--action-primary-bg) 40%, var(--border-subtle));--auth-on-deep-accent:color-mix(in srgb, var(--action-primary-bg) 32%, var(--text-on-deep))}.studio-auth a{color:inherit;text-decoration:none}.studio-auth svg{stroke-width:2px;width:18px;height:18px}.studio-auth .rounded{font-family:var(--font-rounded);letter-spacing:0}.studio-auth .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-auth .auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.studio-auth .left{background:var(--surface-deep);color:var(--text-on-deep);--ink:var(--text-on-deep);--acc:#3dd9a8;flex-direction:column;padding:48px 56px;display:flex}.studio-auth .left .brand{color:var(--text-on-deep);align-items:center;gap:11px;display:flex}.studio-auth .left .brand .w{font-family:var(--font-rounded);color:var(--text-on-deep);font-size:21px;font-weight:900}.studio-auth .left .brand .s{font-family:var(--font-rounded);color:color-mix(in srgb, var(--surface-card) 78%, transparent);font-size:21px;font-weight:700}.studio-auth .left .mid{max-width:38ch;margin-top:auto;margin-bottom:auto}.studio-auth .left h1{font-family:var(--font-rounded);margin:0 0 18px;font-size:46px;font-weight:900;line-height:1.08}.studio-auth .left p{color:color-mix(in srgb, var(--surface-card) 82%, transparent);margin:0;font-size:16px;line-height:1.55}.studio-auth .left .trust{gap:13px;margin-top:30px;display:grid}.studio-auth .left .trust .t{font-family:var(--font-rounded);color:color-mix(in srgb, var(--surface-card) 92%, transparent);align-items:center;gap:11px;font-size:14.5px;font-weight:700;display:flex}.studio-auth .left .trust a.t{border-radius:var(--radius-sm);text-underline-offset:3px;width:fit-content;margin:-3px -5px;padding:3px 5px;text-decoration:underline;text-decoration-thickness:1px}.studio-auth .left .trust a.t:hover,.studio-auth .left .trust a.t:focus-visible{color:var(--text-on-deep);background:color-mix(in srgb, var(--surface-card) 12%, transparent);-webkit-text-decoration-color:var(--text-on-deep);text-decoration-color:var(--text-on-deep)}.studio-auth .left .trust .t svg{width:18px;height:18px;color:var(--auth-on-deep-accent)}.studio-auth .left .foot{color:color-mix(in srgb, var(--surface-card) 60%, transparent);font-size:13px}.studio-auth .kmark{flex:none;display:inline-block;position:relative}.studio-auth .kmark-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.studio-auth .right{justify-content:center;align-items:center;padding:40px 32px;display:flex}.studio-auth .form{width:100%;max-width:424px}.studio-auth .pre{font-family:var(--font-rounded);color:var(--content-accent);align-items:center;gap:7px;font-size:12.5px;font-weight:800;display:inline-flex}.studio-auth .pre svg{width:14px;height:14px}.studio-auth .form h2{font-family:var(--font-rounded);margin:12px 0 8px;font-size:38px;font-weight:900;line-height:1.08}.studio-auth .form .lead{color:var(--text-secondary);margin:0 0 28px;font-size:15.5px;line-height:1.55}.studio-auth .oauth{gap:10px;display:grid}.studio-auth .obtn{border-radius:var(--radius-md);border:var(--border-hairline);background:var(--auth-control-bg);width:100%;min-height:50px;font-family:var(--font-rounded);color:var(--auth-control-text);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.studio-auth a.obtn,.studio-auth a.obtn:link,.studio-auth a.obtn:visited{color:var(--auth-control-text);text-decoration:none}.studio-auth .obtn:hover,.studio-auth .obtn:focus-visible{background:var(--auth-control-hover-bg);border-color:var(--auth-control-hover-border);color:var(--auth-control-text);box-shadow:0 2px 0 color-mix(in srgb, var(--kapi-leaf) 14%, transparent)}.studio-auth a.obtn:hover,.studio-auth a.obtn:focus-visible,.studio-auth a.obtn:active{--_an-a-fc-hover:var(--auth-control-text);--_li-fc-hover:var(--auth-control-text);--_li-fc-hover-visited:var(--auth-control-text);color:var(--auth-control-text)}.studio-auth .obtn:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--surface-raised) 70%, var(--surface-card));color:var(--text-quiet);opacity:.82;border-style:dashed}.studio-auth .obtn:disabled:hover{background:color-mix(in srgb, var(--surface-raised) 70%, var(--surface-card))}.studio-auth .obtn .g{flex:none;width:18px;height:18px}.studio-auth .obtn svg:not(.g){color:var(--text-secondary)}.studio-auth .divider{color:var(--text-quiet);font-family:var(--font-rounded);align-items:center;gap:12px;margin:20px 0;font-size:12px;font-weight:700;display:flex}.studio-auth .divider:before,.studio-auth .divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.studio-auth .field{margin-bottom:13px}.studio-auth .field label{font-family:var(--font-rounded);color:var(--text-secondary);margin-bottom:6px;font-size:12.5px;font-weight:800;display:block}.studio-auth .field input{border-radius:var(--radius-md);border:var(--border-hairline);background:var(--surface-card);width:100%;min-height:50px;font:inherit;font-family:var(--font-rounded);color:var(--text-primary);outline:none;padding:13px 14px;font-size:15px;font-weight:600}.studio-auth .field input:focus{border-color:var(--field-focus-border);outline:3px solid var(--focus-ring);outline-offset:2px}.studio-auth .field input::placeholder{color:var(--text-quiet);font-weight:600}.studio-auth .auth-form-link{text-align:right;font-family:var(--font-rounded);margin:-2px 0 10px;font-size:13px;font-weight:800}.studio-auth .auth-form-link a{color:var(--link-text);text-decoration:none}.studio-auth .auth-form-link a:hover,.studio-auth .auth-form-link a:focus-visible{text-decoration:underline}.studio-auth .submit{border-radius:var(--radius-md);border:1px solid var(--action-primary);background:var(--action-primary);width:100%;min-height:52px;color:var(--action-primary-text);font-family:var(--font-rounded);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:16px;font-weight:800;transition:filter .12s,transform 80ms;display:inline-flex}.studio-auth .submit:hover{filter:brightness(.96)}.studio-auth .submit:active{transform:scale(.99)}.studio-auth .backlink{font-family:var(--font-rounded);color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:26px;font-size:13px;font-weight:700;display:inline-flex}.studio-auth .backlink svg{width:15px;height:15px}.studio-auth .result{border-radius:var(--radius-md);animation:studio-auth-rise .3s var(--ease-gentle,ease);margin-top:16px;padding:18px}.studio-auth .result.ok{background:color-mix(in srgb, var(--kapi-leaf) 11%, var(--surface-card));border:1px solid color-mix(in srgb, var(--kapi-leaf) 30%, var(--border-subtle))}.studio-auth .result.wait{background:var(--surface-raised);border:var(--border-hairline)}.studio-auth .result.bad{background:color-mix(in srgb, var(--kapi-clay) 9%, var(--surface-card));border:1px solid color-mix(in srgb, var(--kapi-clay) 28%, var(--border-subtle))}.studio-auth .result .rt{font-family:var(--font-rounded);align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.studio-auth .result.ok .rt{color:var(--kapi-leaf)}.studio-auth .result.bad .rt{color:var(--kapi-clay)}.studio-auth .result .rd{color:var(--text-secondary);margin-top:7px;font-size:13.5px;line-height:1.5}@media (max-width:860px){.studio-auth .auth{grid-template-columns:1fr}.studio-auth .left{display:none}.studio-auth .form h2{font-size:32px}}@keyframes studio-auth-rise{0%{transform:translateY(8px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.studio-auth .result{animation:none}}