.cx-account-workspace { display:flex; flex-direction:column; width:100%; height:100%; min-height:0; font-family:Manrope,system-ui,sans-serif; }
.cx-account-workspace > .cx-app { flex:1; min-height:0; height:auto!important; }
.cx-account-project-name { width:100%; min-width:0; border:1px solid transparent; border-radius:5px; padding:2px 5px; background:transparent; color:#232722; font:inherit; font-size:13px; text-overflow:ellipsis; }
.cx-account-project-name:hover { border-color:#d5dbd0; }
.cx-account-project-name:focus { background:#fff; border-color:#8b9981; }
.cx-account-dialog input,.cx-account-project-name { -webkit-user-select:text!important; user-select:text!important; }
.cx-account-error button { border:1px solid #c5cebd; border-radius:5px; background:white; color:#304b22; padding:5px 10px; min-height:30px; cursor:pointer; font:inherit; }
.cx-account-error { padding:10px 16px; background:#fff2e6; color:#68350f; font-size:13px; }
.cx-account-loading { padding:24px; }
.cx-account-dialog { position:fixed; margin:auto; width:min(420px,calc(100vw - 32px)); max-height:90vh; overflow:auto; overscroll-behavior:contain; box-sizing:border-box; padding:28px; border:1px solid #c5cebd; border-radius:12px; background:#fbf9f3; color:#292b27; font:14px/1.5 Manrope,system-ui,sans-serif; }
.cx-account-dialog::backdrop { background:rgb(20 30 15 / .45); }
.cx-account-dialog h2 { margin:4px 20px 20px 0; font-size:22px; line-height:1.3; }
.cx-account-dialog form { display:grid; gap:12px; }
.cx-account-dialog input { box-sizing:border-box; width:100%; padding:10px; border:1px solid #8b9981; border-radius:5px; background:white; font:16px/1.5 inherit; font-size:16px; }
.cx-account-dialog button { padding:10px 14px; min-height:40px; border:1px solid #304b22; border-radius:5px; background:#304b22; color:white; cursor:pointer; font:inherit; }
.cx-account-dialog button:disabled { opacity:.6; cursor:wait; }
.cx-account-dialog .cx-account-close { position:absolute; right:8px; top:8px; padding:0; width:36px; background:transparent; border:0; color:#292b27; font-size:24px; }
.cx-account-dialog [role=alert] { color:#8b271e; }
.cx-account-help { color:#555e4f; font-size:12px; }
.cx-account-legal { margin:16px 0 0; }
.cx-account-legal a,.cx-account-legal-nav a { color:#304b22; text-decoration:underline; text-underline-offset:3px; }
.cx-account-legal-nav { display:flex; gap:10px; font-size:11px; }
.cx-account-legal-nav a { padding:5px 0; }
.cx-legal-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.cx-account-help:empty,.cx-account-dialog [role=alert]:empty { margin:0; }
.cx-account-intro { color:#555e4f; margin:-6px 0 20px; }
.cx-account-dialog .cx-account-google { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:44px; background:white; border-color:#747775; color:#1f1f1f; font-weight:500; }
.cx-account-google svg { flex-shrink:0; }
.cx-account-google:hover:not(:disabled) { background:#f2f4ef; }
.cx-account-divider { display:flex; align-items:center; gap:12px; color:#555e4f; font-size:12px; margin:18px 0; }
.cx-account-divider::before,.cx-account-divider::after { content:''; flex:1; height:1px; background:#c5cebd; }
.cx-account-dialog :focus-visible,.cx-account-menu-root :focus-visible,.cx-account-project-name:focus-visible,.cx-account-legal a:focus-visible { outline:2px solid #304b22; outline-offset:3px; }
@media (forced-colors:active) { .cx-account-dialog :focus-visible { outline-color:Highlight; } }

/* One persistent header: project identity, navigation, and one account menu. */
#root .cx-app .cx-topbar.cx-topbar-unified {
  flex-wrap:nowrap!important; min-height:64px; height:64px!important; padding:8px 16px!important;
  gap:20px; overflow:visible!important; position:relative; z-index:90;
}
#root .cx-app .cx-topbar-unified .cx-topbar-l { gap:20px; overflow:visible; }
#root .cx-app .cx-topbar-unified .cx-topbar-mid { min-width:0!important; flex:1 1 auto; overflow:visible; justify-content:center; }
#root .cx-app .cx-topbar-unified .cx-topbar-r { flex:0 0 auto!important; flex-wrap:nowrap; overflow:visible!important; gap:8px; --cx-topbar-ctrl-h:36px; }
#root .cx-app .cx-topbar-unified .cx-topbar-nav { gap:2px; }
#root .cx-app .cx-topbar-unified .cx-navlink { min-height:36px; font-size:14px!important; padding:6px 8px!important; }
#root .cx-app .cx-topbar-unified .meadowism-wordmark { font-size:24px; letter-spacing:-1px; }
#root .cx-app .cx-topbar-unified .meadowism-wordmark span { font-size:8px; }
.cx-project-identity { display:flex; flex-direction:column; justify-content:center; width:180px; min-width:0; gap:1px; }
.cx-project-save-status { padding-inline:6px; font-size:10px; line-height:1.4; color:#626b5c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cx-project-save-status:is([data-status="offline"],[data-status="error"],[data-status="conflict"]) { color:#8b451b; }
.cx-compact-navigation { display:none; min-height:36px; border:1px solid #d5dbd0; border-radius:8px; padding:6px 10px; color:#232722; background:#f8f9f5; font:inherit; font-size:14px; }
.cx-account-menu-root { position:relative; flex-shrink:0; }
.cx-account-trigger { display:flex; align-items:center; gap:8px; min-height:36px; padding:3px 9px 3px 4px; border:1px solid #d5dbd0; border-radius:22px; background:#f8f9f5; color:#232722; font:inherit; font-size:13px; cursor:pointer; }
.cx-account-trigger:hover,.cx-account-trigger[aria-expanded="true"] { background:#e6ebdf; border-color:#b7c2ad; }
.cx-account-trigger:disabled { cursor:wait; opacity:.6; }
.cx-account-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#3d5033; color:#fff; font-size:12px; font-weight:500; }
.cx-account-dropdown { position:absolute; inset-block-start:calc(100% + 12px); inset-inline-end:0; width:268px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 88px); overflow:auto; overscroll-behavior:contain; padding:8px; border:1px solid #d5dbd0; border-radius:14px; background:#f8f9f5; color:#232722; box-shadow:0 2px 5px #2327220d,0 16px 48px #23272224; font:14px/1.4 Outfit,Manrope,system-ui,sans-serif; text-align:start; }
.cx-account-menu-identity { display:grid; gap:3px; padding:10px 12px 14px; }
.cx-account-menu-identity strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.cx-account-menu-identity > span { font-size:12px; color:#626b5c; overflow-wrap:anywhere; user-select:text!important; -webkit-user-select:text!important; }
.cx-account-menu-item { display:flex; align-items:center; width:100%; min-height:38px; padding:9px 12px; border:0; border-radius:7px; background:transparent; color:inherit; font:inherit; text-align:start; cursor:pointer; }
.cx-account-menu-item:hover:not(:disabled),.cx-account-menu-item:focus-visible { background:#e6ebdf; }
.cx-account-menu-item:disabled { color:#7b8475; cursor:default; }
.cx-account-menu-divider { height:1px; margin:6px 12px; background:#dce2d5; }
.cx-account-menu-legal { display:flex; gap:4px; padding:0 4px; }
.cx-account-menu-legal a { display:flex; align-items:center; min-height:36px; padding:8px; border-radius:6px; color:#626b5c; font-size:12px; text-decoration:none; }
.cx-account-menu-legal a:hover { background:#e6ebdf; color:#232722; }
.cx-account-logout { margin-top:4px; }
.cx-account-menu-error { margin:8px 12px; color:#8b271e; font-size:12px; }
.cx-workspace-dialog { width:min(480px,calc(100vw - 32px)); background:#f8f9f5; font-family:Outfit,Manrope,system-ui,sans-serif; }
.cx-workspace-eyebrow { margin:0 0 4px; color:#626b5c; font-size:12px; }
.cx-workspace-current-project label { display:block; margin-bottom:6px; font-size:12px; color:#626b5c; }
.cx-workspace-current-project p { margin:6px 0 20px; }
.cx-workspace-project-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:20px 0 10px; }
.cx-workspace-project-heading h3 { margin:0; font-size:15px; font-weight:500; }
.cx-workspace-project-heading button { min-height:34px; padding:6px 10px; font-size:12px; }
.cx-workspace-project-list { list-style:none; margin:0; padding:0; display:grid; gap:5px; }
.cx-workspace-project-list button { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:10px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:#232722; text-align:start; }
.cx-workspace-project-list button:hover,.cx-workspace-project-list button[aria-current="true"] { background:#e6ebdf; }
.cx-workspace-project-list button > span:not(.cx-workspace-project-dot) { flex:1; min-width:0; overflow-wrap:anywhere; }
.cx-workspace-project-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.cx-workspace-project-list small { color:#626b5c; font-size:11px; }
@media (max-width:1250px) {
  #root .cx-app .cx-topbar.cx-topbar-unified { gap:12px; }
  #root .cx-app .cx-topbar-unified .cx-topbar-l { gap:12px; }
  .cx-project-identity { width:145px; }
  #root .cx-app .cx-topbar-unified .cx-reset-view { justify-content:center; width:36px; padding:0; }
  #root .cx-app .cx-topbar-unified .cx-reset-view span { display:none; }
}
@media (max-width:1050px) {
  #root .cx-app .cx-topbar-unified .cx-topbar-nav { display:none; }
  .cx-compact-navigation { display:block; }
}
@media (max-width:620px) {
  #root .cx-app .cx-topbar-unified .cx-project-identity { display:none; }
  #root .cx-app .cx-topbar-unified .cx-tbtn-techpack { display:none; }
  #root .cx-app .cx-topbar.cx-topbar-unified { gap:8px; padding-inline:10px!important; }
  #root .cx-app .cx-topbar-unified .meadowism-wordmark { font-size:20px; }
}
@media (pointer:coarse) {
  .cx-account-trigger,.cx-account-menu-item,.cx-account-menu-legal a,.cx-compact-navigation { min-height:44px; }
  .cx-account-project-name { font-size:16px; }
}
@media (forced-colors:active) {
  .cx-account-menu-root :focus-visible,.cx-account-project-name:focus-visible { outline-color:Highlight; }
}

/* Closed preview gate stays usable before a project store is opened. */
.cx-access-gate{max-width:620px;margin:clamp(48px,12vh,140px) auto;padding:32px;color:#33382e;text-align:center}
.cx-access-gate h1{font-size:clamp(26px,4vw,40px);line-height:1.2;letter-spacing:-.03em;margin:16px 0}
.cx-access-gate p{line-height:1.6;color:#565e50}
.cx-access-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.cx-access-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.cx-access-actions button{min-height:44px;padding:10px 22px;border:1px solid #607447;border-radius:8px;background:#607447;color:white;font:inherit;cursor:pointer}
.cx-access-actions button:disabled{opacity:.55;cursor:wait}
.cx-access-actions button:focus-visible{outline:3px solid #394d24;outline-offset:4px}