/* Sign-in and sign-out (index.html, signout.html): a shadcn-style card on Studio's zinc tokens from studio-ui.css.
   These pages load no script, so the controls are plain links and buttons drawn with the Button recipe. */
.studio-signin{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fafafa;color:var(--foreground);font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.studio-signin *{box-sizing:border-box}
.studio-signin :focus-visible{outline:none;box-shadow:0 0 0 3px #a1a1aa80}
.signin-topbar{display:flex;align-items:center;height:56px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--background)}
.studio-signin .wordmark{color:inherit;font-size:18px;font-weight:700;letter-spacing:-.5px;text-decoration:none}
.studio-signin .wordmark span{margin-left:4px;font-weight:400;color:#71717a}
.studio-signin main{flex:1;display:grid;place-items:center;padding:48px 24px}
.signin-card{display:grid;gap:16px;width:100%;max-width:400px;padding:32px;border:1px solid var(--border);border-radius:12px;background:var(--background);box-shadow:0 1px 2px #0000000d}
.signin-card>*{margin:0}
.signin-card .eyebrow{color:#71717a;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.signin-card h1{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.signin-card .description,.signin-card .access-note{color:#71717a}
.signin-card .access-note{font-size:13px}
.signin-card form{margin:0}
.signin-alert{padding:12px 16px;border:1px solid #fecaca;border-radius:8px;background:var(--background);color:#dc2626}
.signin-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font:inherit;font-weight:500;text-decoration:none;box-shadow:0 1px 2px #0000000d;cursor:pointer}
.signin-button:hover{background:var(--secondary)}
.signin-primary{border-color:var(--primary);background:var(--primary);color:#fafafa}
.signin-primary:hover{background:#27272a}
.google-letter{font-weight:700}
.studio-signin footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);color:#71717a;font-size:13px}
