.logout-button{flex-shrink:0;white-space:nowrap;color:var(--muted);font-size:11px;padding:7px 10px;gap:6px}
.logout-button:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
.account-signout{padding-top:22px;margin-top:22px;border-top:1px solid var(--border)}
.account-signout .logout-button{width:100%;justify-content:center}
.auth-page{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:64px 24px;color:#eef1f8;color-scheme:dark;background:linear-gradient(180deg,rgba(6,10,22,.18),rgba(6,10,22,.36)),url('./assets/login-anime-bg-c2da3d2ef019.webp') center/cover no-repeat,#0c1226}
.auth-glows{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.auth-glow{position:absolute;display:block;border-radius:50%;filter:blur(72px);opacity:.10;animation:auth-drift 26s ease-in-out infinite}
.glow-one{width:520px;height:520px;left:-9%;top:-14%;background:#4f46e5}
.glow-two{width:460px;height:460px;right:-7%;top:6%;background:#0ea5e9;animation-delay:-6s;animation-duration:32s}
.glow-three{width:430px;height:430px;left:22%;bottom:-20%;background:#a855f7;animation-delay:-13s;animation-duration:29s}
.glow-four{width:300px;height:300px;right:16%;bottom:-12%;background:#22d3ee;animation-delay:-19s;animation-duration:35s}
.auth-grid{display:none}
.auth-stage{position:relative;width:100%;max-width:400px}
.auth-card{position:relative;width:100%;padding:26px;background:rgba(13,18,34,.79);border:1px solid rgba(255,255,255,.12);border-radius:13px;backdrop-filter:blur(20px);box-shadow:0 28px 80px -24px rgba(0,0,0,.75);text-align:left}
.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}
.auth-logo{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#6d6bf5,#38bdf8);border-radius:8px;color:white;font-size:13px;font-weight:800;letter-spacing:-.4px}
.auth-brand strong{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.auth-card h1{font-size:18px;font-weight:700;margin:0 0 20px;color:#f2f5fc;line-height:1.5}
.auth-field{display:block;margin:0 0 14px;font-size:13px;font-weight:500;color:#b9c1d1;line-height:1.5}
.auth-field input{display:block;width:100%;height:40px;margin-top:7px;padding:10px 12px;border:1px solid #e6eef9;border-radius:9px;background:#e9f1fb;color:#151923;color-scheme:light;font-family:inherit;font-size:13px;line-height:1.5;box-shadow:none}
.auth-field input::placeholder{color:#7a8597;font-size:12px}
.auth-field input:focus{outline:none;border-color:#9691ff;box-shadow:0 0 0 3px rgba(109,107,245,.23)}
.auth-field input:-webkit-autofill{-webkit-text-fill-color:#151923;box-shadow:0 0 0 1000px #e9f1fb inset}
.auth-submit,.auth-switch{display:flex;align-items:center;width:100%;height:37px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:400;line-height:1.5;transition:background .18s}
.auth-submit{background:#ff7a45;border:1px solid #ff7a45;color:white;justify-content:flex-start}
.auth-submit:hover{background:#f16b37;border-color:#f16b37}
.auth-submit:focus-visible,.auth-switch:focus-visible{outline:2px solid #aaa5ff;outline-offset:3px}
.auth-submit:disabled,.auth-switch:disabled{opacity:.6;cursor:wait}
.auth-separator{margin:18px 0;border:0;border-top:1px solid rgba(255,255,255,.09)}
.auth-switch{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);color:#dfe5f2;justify-content:center}
.auth-switch:hover{background:rgba(255,255,255,.12)}
.auth-register-hint{font-size:12px;color:#97a3bd;text-align:center;margin:0 0 14px}
.auth-error{margin:0 0 14px;padding:9px 11px;background:rgba(249,110,96,.1);border:1px solid rgba(249,110,96,.3);border-radius:7px;color:#ffc7ba;font-size:12px;line-height:1.5}
.auth-error[hidden]{display:none}
@keyframes auth-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(35px,-20px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.auth-glow{animation:none}}
@media(max-width:800px){.topbar .logout-button span,.canvas-top-actions .logout-button span{display:none}.topbar .logout-button,.canvas-top-actions .logout-button{width:30px;height:30px;padding:0;justify-content:center;border-color:transparent}}
@media(max-width:600px){.auth-page{padding:64px 18px;background-position:center}.auth-card{padding:25px 23px}.auth-field input{font-size:16px}.topbar-right{gap:7px}.canvas-topbar .canvas-title{width:clamp(70px,24vw,110px)}.canvas-top-actions .logout-button{width:27px;height:27px}.canvas-top-actions .canvas-credit{margin-right:0}.canvas-top-actions #export-canvas{padding:7px 5px}}