/* Scoped login and session controls, shared by the existing hüe workspaces. */
.login-page{--login-paper:#f8f6f3;--login-ink:#2b2a29;--login-muted:#706b65;--login-line:#cec9c2;--login-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;box-sizing:border-box;margin:0;background:var(--login-paper);color:var(--login-ink);font:16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
.login-page *{box-sizing:border-box}
.login-page button,.login-page input{font:inherit;color:inherit;border-radius:0}
.login-page button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.login-page button:disabled{cursor:wait;opacity:.6}
.login-page button:focus-visible,.login-page input:focus-visible{outline:2px solid var(--login-ink);outline-offset:4px}
.login-page p,.login-page h1,.login-page h2{margin:0}
.login-header,.login-footer{width:calc(100% - 96px);max-width:1488px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}
.login-header{min-height:108px;border-bottom:1px solid var(--login-ink)}
.login-wordmark{font-weight:600;font-size:36px;line-height:1;letter-spacing:-2.5px}
.login-wordmark>span{display:inline-block;font-size:25px;margin-left:14px;font-weight:400;letter-spacing:0;vertical-align:top}
.login-eyebrow{font:10px/1.6 var(--login-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--login-muted)}
.login-main{width:calc(100% - 96px);max-width:1280px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(60px,10vw,160px);padding:80px 0 90px;flex:1}
.login-intro h1{font-size:clamp(58px,6.4vw,94px);line-height:1.01;font-weight:400;letter-spacing:-.068em;margin-top:23px}
.login-composition{height:88px;max-width:390px;display:grid;grid-template-columns:1.3fr .85fr .75fr .35fr;margin-top:42px;gap:6px;align-items:end}
.login-composition>span{background:#e4efda;height:100%;border:1px solid rgba(43,42,41,.08)}
.login-composition>span:nth-child(2){background:#dbd7ef;height:73%}
.login-composition>span:nth-child(3){background:#d1c8c1;height:47%}
.login-composition>span:nth-child(4){background:#2b2a29;height:27%}
.login-caption{font-size:13px;line-height:1.7;color:var(--login-muted);margin-top:24px!important}
.login-entry{width:100%;max-width:390px;justify-self:end;padding:28px 0 0;border-top:1px solid var(--login-ink)}
.login-entry h2{font-size:36px;line-height:1.14;font-weight:400;letter-spacing:-.05em;margin-top:15px}
.login-description{font-size:14px;color:var(--login-muted);margin-top:14px!important}
.login-entry form{margin-top:36px}
.login-entry label{font:11px/1.6 var(--login-mono);color:var(--login-muted)}
.login-password-wrap{display:flex;border:1px solid var(--login-line);margin-top:10px;min-height:54px;background:transparent}
.login-password-wrap:focus-within{border-color:var(--login-ink)}
.login-password-wrap:has(input[aria-invalid=true]){border-color:#a75645}
.login-page input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:13px 15px;font-size:16px;line-height:1.5}
.login-page .login-visibility{flex:none;border:0;background:transparent;padding:10px 15px;font-size:11px;min-width:62px;text-decoration:underline;text-underline-offset:3px;color:var(--login-muted)}
.login-message{min-height:22px;font-size:12px;line-height:1.6;color:#8b4636;margin-top:10px!important;margin-bottom:14px!important}
.login-message[data-tone=neutral]{color:var(--login-muted)}
.login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:13px 17px;background:var(--login-ink);color:var(--login-paper)!important;border:1px solid var(--login-ink);font-size:13px!important}
.login-submit:hover:not(:disabled){background:#45433f}
.login-submit>span:last-child{font-size:20px;line-height:1}
.login-access-note{font-size:11px;line-height:1.8;color:var(--login-muted);margin-top:26px!important}
.login-noscript{font-size:13px;margin-top:15px!important;color:#8b4636}
.login-footer{border-top:1px solid var(--login-line);min-height:66px;font:9px/1.6 var(--login-mono);color:var(--login-muted);letter-spacing:.035em}
.hue-auth-signout{white-space:nowrap;flex:none;border:0!important;background:transparent!important;color:inherit!important;padding:8px 0 8px 10px!important;min-height:36px!important;font:11px/1.5 Arial,Helvetica,sans-serif!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hue-auth-signout:disabled{opacity:.6;cursor:wait}
.hue-auth-migrate{font:10px/1.5 Arial,Helvetica,sans-serif!important;color:inherit;text-underline-offset:4px;white-space:nowrap;padding:8px 0;flex:none}
.header-actions:has(.hue-auth-migrate){flex-wrap:wrap;justify-content:flex-end}
.hue-auth-signout:focus-visible,.hue-auth-migrate:focus-visible,.hue-auth-banner a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.hue-auth-banner{position:fixed;z-index:1000;bottom:18px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:calc(100% - 36px);max-width:760px;border:1px solid #9b9287;background:#f8f6f3;color:#2b2a29;padding:16px 20px;box-shadow:0 5px 24px #2b2a2912;font:13px/1.6 Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:14px}
.hue-auth-banner[hidden],.hue-auth-signout[hidden],.hue-auth-migrate[hidden]{display:none!important}
.hue-auth-banner p{margin:0;max-width:55ch}
.hue-auth-banner a{white-space:nowrap;color:inherit;text-underline-offset:4px}
@media(max-width:900px){.login-main{gap:60px}.login-intro h1{font-size:62px}.login-entry h2{font-size:32px}.login-header,.login-footer,.login-main{width:calc(100% - 64px)}.studio-header:has(.hue-auth-signout){flex-wrap:wrap;padding-block:18px;row-gap:12px}.studio-header:has(.hue-auth-signout) .hue-auth-signout{margin-left:auto}}
@media(max-width:650px){.login-header,.login-footer,.login-main{width:calc(100% - 40px)}.login-header{min-height:82px;gap:16px}.login-header>.login-eyebrow{font-size:8px;text-align:right}.login-wordmark{font-size:32px}.login-main{grid-template-columns:1fr;gap:34px;padding-block:42px 52px;max-width:430px}.login-intro h1{font-size:51px;line-height:1.03;margin-top:15px}.login-intro h1 br{display:none}.login-intro .login-caption{display:none}.login-composition{height:39px;max-width:210px;margin-top:23px;gap:4px}.login-entry{max-width:none;padding-top:24px}.login-entry h2{font-size:30px}.login-entry form{margin-top:26px}.login-access-note{margin-top:21px!important}.login-footer{font-size:8px;min-height:62px;gap:22px;align-items:center}.login-footer>span:last-child{text-align:right}.hue-auth-banner{bottom:10px;width:calc(100% - 20px);flex-wrap:wrap;padding:13px 15px;font-size:12px}.hue-auth-signout{font-size:10px!important}.editor-bar .header-actions:has(.hue-auth-signout){gap:7px}.editor-bar .header-actions:has(.hue-auth-signout) #save-status{max-width:65px}.editor-bar .header-actions:has(.hue-auth-signout) button:not(.hue-auth-signout){padding-inline:9px}.editor-bar .header-actions .hue-auth-signout{padding-left:3px!important}}
@media(prefers-reduced-motion:reduce){.login-page *{scroll-behavior:auto}}