/* A stable two-panel authentication layout; only form content changes. */
.studio-page{min-height:100svh;display:flex;flex-direction:column}.studio-page>main{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:32px}.studio-page>footer{max-width:none;text-align:center;width:100%;padding:16px 24px;margin:0;font-size:12px;flex-shrink:0}
.studio-page .auth-layout{width:100%;max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch;border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 12px 44px #263f3110}
.studio-page .auth-layout>.intro{padding:44px 36px;position:relative;display:flex;flex-direction:column;background:linear-gradient(155deg,#e9f0e5,#f0f2e9 65%,#edf1e9);border-right:1px solid var(--border);overflow:hidden}.studio-page .intro::before,.studio-page .intro::after{display:none}.studio-page .intro .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:28px}.studio-page .intro h1{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:0 0 20px}.studio-page .intro-description{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}.intro-bottom{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:8px;font-size:12px;color:#637567}.connection-dot{height:6px;width:6px;background:#5f876c;border-radius:50%}
.creative-path{display:flex;align-items:center;position:relative;margin:50px -5px 24px;gap:10px}.creative-path::before{content:"";height:1px;background:#b1c3ac;position:absolute;left:0;right:0;top:50%}.path-card{position:relative;background:#fffdf7;border:1px solid #d4ddce;border-radius:10px;padding:12px;width:33.33%;height:118px;box-shadow:0 8px 16px #4351390a}.path-card span{display:block;font-size:11px;color:#6a7a67;margin-bottom:14px;white-space:nowrap}.path-card svg{width:100%;stroke:#6e9081;stroke-width:2}.idea-card{transform:translateY(-10px)}.idea-card i{display:block;background:#bdcdb7;height:4px;border-radius:2px;margin:9px 0}.idea-card i:nth-child(3){width:70%;background:#d5bc89}.idea-card i:nth-child(4){width:85%}.frame-card{transform:translateY(12px);background:#f8faf3}.film-card{transform:translateY(-3px);background:#f6f7ee}.film-card svg{stroke:#a18756}
.studio-page .login-panel{border:0;border-radius:0;padding:30px 32px;box-shadow:none;min-height:620px;display:flex;flex-direction:column}.studio-page .auth-modes{margin-bottom:22px;flex-shrink:0}.studio-page .login-panel h2{font-size:20px;margin:0 0 8px}.studio-page #auth-help{font-size:13px;line-height:1.6;min-height:42px;margin:0 0 10px}.studio-page #auth-form{flex:1;display:flex;flex-direction:column}.studio-page #auth-form label{font-size:13px;margin:12px 0 7px}.studio-page #auth-form input{height:42px;min-height:42px;padding:9px 12px}.studio-page #auth-form small{font-size:12px;line-height:1.5;margin-top:5px}.studio-page #password-help{min-height:18px}.studio-page #invite-field{min-height:117px}.studio-page #invite-field[hidden],.studio-page #password-help[hidden]{display:block!important;visibility:hidden;pointer-events:none}.studio-page #auth-submit{margin-top:auto;min-height:42px;padding:9px 14px}.studio-page #auth-error{font-size:12px}.studio-page #auth-form:has(#auth-error:not(:empty)){min-height:420px}
@media(max-width:800px){.studio-page>main{padding:20px 16px}.studio-page .auth-layout{max-width:480px;grid-template-columns:1fr}.studio-page .auth-layout>.intro{padding:22px 26px;border-right:0;border-bottom:1px solid var(--border)}.studio-page .intro .eyebrow{margin:0 0 8px;font-size:11px}.studio-page .intro h1{font-size:24px;margin:0;letter-spacing:0}.studio-page .intro h1 br{display:none}.studio-page .intro-description,.creative-path,.intro-bottom{display:none}.studio-page .login-panel{padding:24px;min-height:620px}.studio-page>footer{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}}