/* Design-only header: available points belong to the signed-in account. */
body[data-studio="design"] .studio-header .studio-mode,body[data-studio="design"] .studio-header .studio-help{display:none!important}
body[data-studio="design"] .design-balance{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;padding:6px 8px;margin-left:auto;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-studio="design"] .design-balance[hidden],body[data-studio="design"].sa-scope-changing .design-balance{display:none!important}
body[data-studio="design"] .design-balance:hover{background:var(--raised)}
body[data-studio="design"] .design-balance:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body[data-studio="design"] .studio-header:has(.design-balance:not([hidden])) .sa-tools{margin-left:0}
@media(max-width:1050px){
 body[data-studio="design"] .studio-header{height:100px;padding:6px 12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:44px 44px;column-gap:8px;row-gap:0}
 body[data-studio="design"] .studio-header>.studio-wordmark{grid-column:1;grid-row:1;min-width:0}
 body[data-studio="design"] .studio-header>.design-balance{grid-column:2;grid-row:1;margin-left:0;min-height:44px;padding:6px 4px;font-size:12px}
 body[data-studio="design"] .studio-header>.sa-tools{grid-column:3;grid-row:1;margin-left:0;gap:4px}
 body[data-studio="design"] .studio-header>.studio-nav{grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;height:44px;justify-content:center}
 body[data-studio="design"] .studio-header>.studio-recharge{display:none}
 body[data-studio="design"] .studio-header .sa-save-status{display:none}
 body[data-studio="design"] main,body[data-studio="design"].page-generate main{padding-top:100px}
}
@media(min-width:601px) and (max-width:1050px){body[data-studio="design"] .studio-header>.sa-tools{gap:6px}}
@media(max-width:600px){body[data-studio="design"] .studio-header .sa-top-button{min-width:40px;min-height:44px;padding:6px}body[data-studio="design"] .studio-header>.studio-wordmark{font-size:14px;gap:6px}}
@media(max-width:1050px){
 body[data-studio="design"][data-design-navigation="compact"] .studio-header:has(.sa-tools):has(.studio-credit-balance){height:100px;padding:6px 12px 0;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:44px 44px;gap:0 6px}
 body[data-studio="design"][data-design-navigation="compact"] .studio-header>.studio-credit-balance{grid-column:2;grid-row:1;justify-self:end;margin:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-studio="design"][data-design-navigation="compact"] .studio-header:has(.studio-credit-balance)>.studio-recharge{display:inline-flex;grid-column:3;grid-row:1;min-height:40px;padding:0 6px}
 body[data-studio="design"][data-design-navigation="compact"] .studio-header:has(.studio-credit-balance)>.sa-tools{grid-column:4;grid-row:1;justify-self:end;margin:0}
 body[data-studio="design"][data-design-navigation="compact"] .studio-header:has(.studio-credit-balance)>.studio-nav{grid-column:1/-1;grid-row:2}
 body[data-studio="design"][data-design-navigation="compact"] #main{padding-top:100px}
}
