.brand-logo{display:block;width:auto;max-width:100px;height:44px;object-fit:contain;flex-shrink:0}
.brand{min-width:0;max-width:100%}
.brand .brand-word{display:block;min-width:0;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.brand:has(.brand-logo) .brand-word{font-size:22px;letter-spacing:-.6px;line-height:1.2}
.fantasy-header .brand{min-width:0;max-width:100%}
.brand-light .brand-logo{background:#fff;border-radius:8px;padding:5px}
.sidebar-brand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0}
.sidebar-brand .brand{grid-column:1/-1;width:100%}
.sidebar-brand .workspace-badge{justify-self:start;margin-top:0}
.sidebar-brand .sidebar-close{justify-self:end}
.sidebar-brand .brand-logo{width:32px;height:32px}
.sidebar-brand .brand-word{font-size:14px;letter-spacing:-.3px;max-width:none;flex:1}
.sidebar-brand .brand:has(.brand-logo) .brand-word{font-size:14px}
.sidebar-brand .brand-symbol{width:30px;height:30px;flex-shrink:0}
.auth-shell{height:100svh;min-height:0}
.auth-story{height:100svh;min-height:0}
.auth-story.has-banner{padding:0;gap:0}
.auth-story.has-banner:before,.auth-story.has-banner:after{display:none}
.auth-banner{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.auth-main{height:100svh;min-height:0;overflow-y:auto;padding:32px 40px;flex-direction:column;justify-content:flex-start}
.auth-form-wrap{flex-shrink:0;margin:auto 0;padding:8px 0}
.auth-brand{display:flex;width:100%;margin-bottom:24px}
.auth-brand .brand-word{max-width:none;flex:1}
.auth-form-wrap>.eyebrow{display:block}
.auth-form-wrap .auth-lock{margin-bottom:16px}
.auth-form-wrap .auth-description{margin-bottom:22px}
.auth-form-wrap .auth-security{margin-top:20px;padding-top:16px}
.auth-bottom{position:static;flex-shrink:0;margin-top:20px;text-align:center}
.branding-settings .upload-preview{width:110px;height:80px}
.branding-settings .upload-preview img{object-fit:contain}
.branding-banner-upload .image-upload{flex-direction:column;align-items:stretch}
.branding-banner-upload .upload-preview{width:100%;height:180px}
@media(min-width:681px) and (max-height:850px){
    .auth-signup .auth-main{padding-top:16px;padding-bottom:16px}
    .auth-signup .auth-form-wrap{padding-top:4px;padding-bottom:4px}
    .auth-signup .auth-brand{margin-bottom:12px}
    .auth-signup .auth-lock,.auth-signup .auth-bottom{display:none}
    .auth-signup .stack-form{gap:14px}
    .auth-signup .auth-description{margin-bottom:14px}
}
@media(min-width:681px) and (max-height:760px){
    .auth-main{padding-top:20px;padding-bottom:20px}
    .auth-brand{margin-bottom:16px}
    .auth-lock,.auth-bottom{display:none}
    .auth-form-wrap .stack-form{gap:14px}
    .auth-form-wrap .auth-description{margin-bottom:14px}
}
@media(max-width:680px){
    .auth-shell{height:auto;min-height:100svh}
    .auth-story.has-banner{display:block;height:220px;min-height:0;padding:0;gap:0}
    .auth-main{height:auto;min-height:100svh;overflow:visible;padding:16px 24px}
    .auth-shell:has(.has-banner) .auth-main{min-height:calc(100svh - 220px)}
    .auth-brand{margin-bottom:16px}
    .auth-form-wrap{padding:4px 0}
    .auth-form-wrap .auth-description{margin-bottom:14px}
    .auth-lock,.auth-bottom{display:none}
    .auth-form-wrap .stack-form{gap:14px}
    .brand-logo{max-width:75px;height:40px}
    .brand:has(.brand-logo) .brand-word{font-size:20px}
    .fantasy-header .brand-logo{width:36px;height:36px}
    .fantasy-header .brand .brand-word{max-width:160px;font-size:18px}
    .branding-settings .image-upload{flex-direction:column;align-items:stretch}
}