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