/* Equal side columns keep navigation centered across every studio page. */
.topbar.studio-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;padding:0 40px;height:88px}
.studio-header>.brand{grid-column:1;justify-self:start}
.studio-header>.header-nav{grid-column:2;justify-self:center;display:flex;padding:5px;gap:4px}
.studio-header .header-nav a{font-size:13px;padding:9px 19px}
.studio-header>.account-button,.studio-header>.header-actions,.studio-header>.purchase-back{grid-column:3;justify-self:end}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
@media(max-width:1150px){.topbar.studio-header{padding:0 28px;gap:16px}}
@media(max-width:900px){.studio-header .header-kit-link{display:none}.studio-header .header-nav a{font-size:12px;padding:8px 13px}}
@media(max-width:700px){.topbar.studio-header{height:72px;padding:0 20px;gap:12px}.studio-header .studio-label{display:none}}
@media(max-width:520px){.topbar.studio-header{padding:0 16px;gap:8px}.studio-header>.brand{font-size:18px;gap:4px}.studio-header .brandmark{font-size:28px}.studio-header>.header-nav{padding:4px}.studio-header .header-nav a{font-size:10px;padding:8px 9px}.studio-header .account-button{font-size:10px;padding:9px 10px}}
@media(max-width:360px){.topbar.studio-header{padding:0 12px;gap:5px}.studio-header>.brand{font-size:15px;gap:3px}.studio-header .brandmark{font-size:22px}.studio-header .header-nav a{font-size:9px;padding:8px}.studio-header .account-button{font-size:9px;padding:8px}}
@media(max-width:340px){.studio-header>.brand{font-size:14px}.studio-header .brandmark{font-size:20px}}