.auth-session-status{display:none}
html.auth-pending [data-nav-auth],html.auth-pending #account-menu{display:none!important}
html.auth-pending .auth-session-status{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #dfe6d6;border-radius:26px;background:#f5f7ee;color:#68805b;font:inherit;font-size:11px;white-space:nowrap}
html.auth-pending .auth-session-status:before{content:'';width:13px;height:13px;border:2px solid #dce5d1;border-top-color:#63825b;border-radius:50%;animation:auth-spin .9s linear infinite}



html.auth-pending.auth-returning .desktop-nav>a[href$='#showcase'],html.auth-pending.auth-returning #mobile-nav>a[href$='#showcase']{visibility:hidden}
html.auth-error .auth-session-status{cursor:pointer;color:#355f43}
html.auth-error .auth-session-status:before{content:'↻';animation:none;border:0;width:auto;height:auto;font-size:17px}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html.auth-pending .auth-session-status:before,}

/* Keep the familiar account control in place during background validation. */
html.auth-pending.auth-preview #account-menu{display:block!important}
html.auth-pending.auth-preview:not(.auth-error) .auth-session-status{display:none}
/* Reserve unresolved navigation without flashing the guest label. */
html.auth-pending.auth-unknown .desktop-nav>a[href$='#showcase'],html.auth-pending.auth-unknown #mobile-nav>a[href$='#showcase']{visibility:hidden}

/* Guest navigation keeps its initial layout during session validation. */
html.auth-pending.auth-guest [data-nav-auth]{display:inline-flex!important}
html.auth-pending.auth-guest:not(.auth-error) .auth-session-status{display:none}
html.auth-pending.auth-guest .desktop-nav>a[href$="#showcase"],html.auth-pending.auth-guest #mobile-nav>a[href$="#showcase"]{visibility:visible}
/* Never expose the legacy composer before the route-specific editor is ready. */
html.editor-pending #agent-form{display:none!important}
#editor-loading{min-height:300px;display:grid;place-content:center;gap:16px;background:#fffef9;border:1px solid #e0e6d8;border-radius:20px;color:#657b60;font-size:14px}
#editor-loading button{padding:12px 18px;border-radius:10px;background:#254e3e;color:#fff}

html.editor-pending .creation-main:has(#agent-form){min-height:300px}
html.editor-pending:not(.editor-error) .creation-main:has(#agent-form)::before{content:'Loading editor…';display:grid;place-content:center;min-height:300px;border:1px solid #e0e6d8;border-radius:20px;background:#fffef9;color:#657b60;font-size:14px}
html.editor-pending:not(.editor-error) #editor-loading,html.editor-pending .creation-main:has(#agent-form) .inspiration-row{display:none}