.auth-actions{display:flex;align-items:center;gap:7px;padding-right:4px}
.auth-actions #auth-state{max-width:150px;overflow:hidden;color:#73737d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.auth-actions #user-button{display:grid;place-items:center;min-height:30px}
.auth-actions button{white-space:nowrap}

.studio-shell{visibility:hidden}
body.is-authenticated .studio-shell{visibility:visible}
#auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#fff7ee 0%,#fff 45%,#f3f1ff 100%)}
body.is-authenticated #auth-gate{display:none}
.auth-gate-card{width:min(420px,100%);padding:42px 38px;border:1px solid #ebe8e4;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(35,28,20,.12);text-align:center}
.auth-gate-logo{width:52px;height:52px;object-fit:contain;margin-bottom:18px}
.auth-gate-card .eyebrow{margin:0 0 9px;color:#111111;letter-spacing:.12em}
.auth-gate-card h1{margin:0;color:#25201d;font-size:30px;letter-spacing:-.04em}
.auth-gate-card p:not(.eyebrow){margin:12px auto 24px;max-width:290px;color:#73737d;line-height:1.5}
.auth-gate-card .primary{width:100%;min-height:44px}
#auth-gate-status{display:block;min-height:18px;margin-top:14px;color:#73737d;font-size:12px}
body.auth-loading #auth-gate{background:#fff}
body.auth-loading .auth-gate-card{padding:0;border:0;background:transparent;box-shadow:none}
body.auth-loading .auth-gate-card .eyebrow,
body.auth-loading .auth-gate-card h1,
body.auth-loading .auth-gate-card p:not(.eyebrow),
body.auth-loading #auth-gate-sign-in{display:none}
body.auth-loading .auth-gate-logo{animation:auth-pulse 1.1s ease-in-out infinite}
body.auth-loading #auth-gate-status{margin-top:0}
@keyframes auth-pulse{50%{opacity:.45;transform:scale(.94)}}
.disconnect-dialog{width:min(420px,calc(100vw - 32px));margin:auto;border:1px solid #ebe8e4;border-radius:24px;padding:0;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(35,28,20,.18);color:#25201d}.disconnect-dialog::backdrop{background:rgba(28,28,35,.42);backdrop-filter:blur(3px)}.disconnect-dialog-card{padding:34px 32px 30px;text-align:center}.disconnect-dialog-card>img{width:42px;height:42px;margin:0 auto 14px}.disconnect-dialog-card .eyebrow{margin:0 0 8px;color:#73737d;font-size:10px;font-weight:800;letter-spacing:.12em}.disconnect-dialog-card h2{margin:0;color:#25201d;font-size:25px;letter-spacing:-.04em}.disconnect-dialog-card>p:not(.eyebrow){margin:12px auto 24px;max-width:325px;color:#73737d;font-size:14px;line-height:1.5}.disconnect-dialog-actions{display:flex;gap:9px;justify-content:center}.disconnect-dialog-actions button{min-width:126px;min-height:42px}.disconnect-dialog-actions .primary{background:#25201d;color:#fff}.disconnect-dialog-actions .secondary{border:1px solid #dedee6;background:#fff;color:#45454e}