header.makerr-header{--font-sans:"Plus Jakarta Sans";position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;flex:0 0 auto;width:100%;max-width:none;height:var(--studio-header-height);min-height:var(--studio-header-height);margin:0;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #e9e5ef;background:#fff;color:#201d2b;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.makerr-header *,.makerr-header :after,.makerr-header :before,header.makerr-header{box-sizing:border-box}header.makerr-header>.studio-wordmark{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.02em;line-height:1.4;color:#201d2b;text-decoration:none;white-space:nowrap}header.makerr-header>.studio-wordmark img{width:30px;height:30px}header.makerr-header>.studio-desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px}header.makerr-header>.studio-desktop-nav a{color:#55525f;text-decoration:none;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}header.makerr-header>.studio-desktop-nav a:hover{color:#6545ed}header.makerr-header>.studio-header-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:216px;height:36px}header.makerr-header .account-loading{width:196px;height:36px}.makerr-header .studio-guest-account{display:flex;align-items:center;gap:18px}.makerr-header .studio-header-login{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 0;border:0;background:none;color:#55525f;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer}.makerr-header .studio-header-login:hover{color:#6545ed}.makerr-header .studio-header-login:focus-visible{outline:2px solid #8769ee;outline-offset:4px;border-radius:4px}@media(min-width:901px) and (max-width:1100px){header.makerr-header{padding-inline:24px;gap:20px}header.makerr-header>.studio-wordmark{font-size:20px;gap:8px}header.makerr-header>.studio-desktop-nav{gap:18px}}.makerr-header>.studio-header-account{grid-column:-2/-1;grid-row:1;justify-self:end;min-width:0}.makerr-header .header-action.reference-cta{width:max-content;height:auto;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:0;border-radius:999px;background:var(--home-accent,#6545ed);color:#fff;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .2s}.makerr-header .header-action.reference-cta:hover{background:#4e2ecc}.makerr-header .header-action.reference-cta:focus-visible{outline:2px solid #6545ed;outline-offset:3px}.makerr-header .header-action.reference-cta .studio-arrow{width:16px;height:16px;flex-basis:16px}@media (prefers-reduced-motion:reduce){.makerr-header .header-action.reference-cta{transition:none}}.makerr-header .studio-mobile-panel,.studio-menu-toggle{display:none}@media(max-width:900px){header.makerr-header{height:var(--studio-header-height);min-height:var(--studio-header-height);padding:0 20px;grid-template-columns:1fr auto;gap:16px;overflow:visible}header.makerr-header>.studio-desktop-nav,header.makerr-header>.studio-header-account{display:none}header.makerr-header>.studio-wordmark{font-size:18px;gap:10px}header.makerr-header>.studio-wordmark img{width:28px;height:28px}.makerr-header>.studio-menu-toggle{display:grid;place-items:center;grid-column:2;grid-row:1;width:42px;height:42px;border:1px solid #e8e3ef;border-radius:12px;background:#fff;color:#3d334c;padding:10px;cursor:pointer;justify-self:end}.studio-menu-toggle svg{width:22px;height:22px}header.makerr-header>.studio-mobile-panel{position:fixed;inset:0;display:flex;flex-direction:column;height:100dvh;overflow:auto;overscroll-behavior:contain;padding:calc(var(--studio-header-height) + 32px) 24px max(32px,env(safe-area-inset-bottom));background:var(--studio-overlay-background,rgb(255 255 255/82%));backdrop-filter:blur(var(--studio-overlay-blur,14px));-webkit-backdrop-filter:blur(var(--studio-overlay-blur,14px));z-index:60}header.makerr-header[data-menu-open=true]>.studio-menu-toggle,header.makerr-header[data-menu-open=true]>.studio-wordmark{position:relative;z-index:61}header.makerr-header .studio-mobile-panel nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;border:0;padding:0;margin:0}header.makerr-header .studio-mobile-panel nav a{display:block;padding:18px 0;font-size:24px;font-weight:500;color:#3d334c;border-radius:10px;text-decoration:none}header.makerr-header .studio-mobile-panel nav{padding-bottom:32px}.studio-mobile-panel nav a:hover{background:#f6f3fd}.studio-mobile-extra{padding:18px 12px 24px}.studio-mobile-account{display:flex;flex-wrap:wrap;gap:12px;padding-top:24px;margin-top:auto;border-top:1px solid #e8e3ef}.makerr-header .studio-mobile-account .header-action.reference-cta{display:flex;flex:1;min-height:50px;font-size:14px;white-space:nowrap;min-width:110px}.makerr-header .studio-mobile-account .studio-mobile-login.reference-cta{background:#f1edfc;color:#6545ed}.studio-mobile-secondary{display:flex;align-items:center;justify-content:center;border:0;background:none;color:#71667e;text-decoration:none;font-size:14px;padding:12px;cursor:pointer}.studio-mobile-account>p{--type-body:.8rem;color:#a13c42;width:100%}header.makerr-header:has(.studio-auth-dialog[open])>.studio-menu-toggle,header.makerr-header:has(.studio-auth-dialog[open])>.studio-mobile-panel,header.makerr-header:has(.studio-auth-dialog[open])>.studio-wordmark{visibility:hidden}.studio-menu-toggle:focus-visible{outline:2px solid #8769ee;outline-offset:3px}}main.dashboard-page,main.makerr-studio,main.workspace-page{min-height:calc(100dvh - var(--studio-header-height))}header.makerr-header .generator-header-nav{display:flex;align-items:center;gap:26px;grid-column:2;grid-row:1}.generator-header-nav a,.generator-header-nav button,.generator-mobile-nav a,.generator-mobile-nav button{font:inherit;font-size:14px;font-weight:600;color:inherit;background:none;border:0;text-decoration:none;padding:10px 0;cursor:pointer}.generator-header-nav a:hover,.generator-header-nav button:hover,.generator-mobile-nav a:hover,.generator-mobile-nav button:hover{color:#b95c7d}.generator-mobile-nav{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;padding:8px 0 16px;border-bottom:1px solid #eee}.generator-mobile-nav button{text-align:left}@media(max-width:900px){header.makerr-header .generator-header-nav{display:none}}