/* One Studio header and tab bar, independent of the active workspace. */
body[data-page=studio] .site-content { width:calc(100% - 32px); max-width:none; margin:8px auto; }
#siteStudio>.site-project-header { display:flex; align-items:center; justify-content:space-between; flex-direction:row; flex-wrap:nowrap; min-height:44px; gap:12px; margin:0 0 6px; padding:4px 0; }
#siteStudio .site-project-name { display:flex; align-items:center; gap:5px; flex:1 1 auto; min-width:0; width:auto; }
#siteProjectTitle { flex:0 1 auto; min-width:0; max-width:100%; margin:0; font-size:1.05rem; line-height:1.4; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-sr-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#siteRenameButton { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; padding:5px; border:0; border-radius:6px; background:transparent; color:var(--ink-soft); opacity:.7; }
#siteRenameButton svg { width:17px; height:17px; }
#siteRenameButton:hover,#siteRenameButton:focus-visible { opacity:1; background:var(--panel-soft); color:var(--ink); }
#siteStudio .site-project-actions { display:flex; align-items:center; flex-wrap:nowrap; gap:7px; flex:0 0 auto; }
#siteSaveButton,#siteFileMenu>summary { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 13px; border-radius:8px; font-size:.8rem; line-height:1.4; font-weight:650; white-space:nowrap; }
#siteSaveButton { background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
#siteFileMenu { margin:0; padding:0; border:0; }
#siteFileMenu>summary { margin:0; list-style:none; }
#siteFileMenu>summary::marker,#siteFileMenu>summary::-webkit-details-marker { display:none; content:''; }
#siteFileActions { width:230px; }
#siteFileActions>a,#siteFileActions>button { width:100%; justify-content:flex-start; text-align:left; font-size:.83rem; }
#siteRenameForm { display:flex; align-items:center; gap:4px; width:min(100%,520px); min-width:0; margin:0; }
#siteRenameInput { flex:1; min-width:0; width:100%; height:34px; padding:5px 8px; font-size:.95rem; }
#siteRenameForm>button { flex:0 0 28px; width:28px; height:30px; padding:0; font-size:1rem; }
#siteStudio>.site-tabs { flex-shrink:0; gap:1.2rem; margin:0 0 7px; }
#siteStudio>.site-tabs button { flex-shrink:0; min-height:39px; padding:6px 3px 9px; font-size:.83rem; }
#siteMode-export { overflow:auto; }
.site-export-page { width:100%; max-width:1160px; margin-inline:auto; padding:1.2rem; border:1px solid var(--border); border-radius:14px; background:var(--card); }
.site-export-page>h2 { margin:0 0 .45rem; }
.site-export-page>.legend { margin:0 0 1rem; }
body.site-focus[data-page=studio] .site-content { width:calc(100% - 24px); margin:12px auto; }
body.site-focus #siteStudio>.site-project-header { display:none; }
@media(max-width:800px) {
  body[data-page=studio] .site-content { width:calc(100% - 16px); margin:8px auto; }
  #siteStudio>.site-project-header { gap:8px; }
  #siteProjectTitle { font-size:1rem; }
  #siteSaveButton,#siteFileMenu>summary { padding-inline:10px; }
  #siteStudio>.site-tabs { gap:1rem; }
  .site-export-page { padding:1rem; }
}