/* Shared top-level page header, based on the project-management header. */
body #app .workspace-pane .workspace-section-header {
  box-sizing:border-box; position:sticky; top:0; z-index:12;
  display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between;
  gap:16px; min-height:132px; margin:0; padding:25px 28px 21px;
  border:0; border-bottom:1px solid var(--line); border-radius:0;
  background:linear-gradient(135deg,rgba(228,243,255,.96),rgba(231,251,248,.92));
  box-shadow:0 12px 30px rgba(29,92,153,.09); backdrop-filter:blur(22px) saturate(115%);
}
body #app .workspace-section-header > div:first-child { min-width:0; }
body #app .workspace-section-header :is(.project-page-kicker,.workspace-page-kicker) {
  display:block; margin:0 0 7px; color:#426b9a; font-size:11px;
  font-weight:800; letter-spacing:.16em; line-height:normal;
}
body #app .workspace-section-header h2 {
  margin:0 0 5px; color:var(--ink); font-size:28px; font-weight:700;
  letter-spacing:-.04em; line-height:normal;
}
body #app .workspace-section-header p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
body #app .workspace-section-header :is(.project-page-tools,.template-save-box,.workspace-header-actions) {
  display:flex; flex-flow:row nowrap; align-items:center; gap:7px; flex:0 1 auto;
  min-width:0; max-width:100%; padding:6px; border:1px solid rgba(47,128,255,.14);
  border-radius:999px; background:rgba(255,255,255,.64); box-shadow:0 14px 32px rgba(29,92,153,.12);
}
body #app .workspace-section-header .template-head-actions { display:flex; flex-wrap:nowrap; gap:7px; }
body #app .workspace-section-header :is(.project-page-tools,.template-save-box) input:not([type=file]) {
  flex:1 1 180px; width:min(410px,100%); min-width:100px; min-height:42px;
  padding:10px 16px; border:0; border-radius:999px; background:rgba(255,255,255,.92);
  color:var(--ink); font-size:14px; box-shadow:none;
}
body #app .workspace-section-header :is(button,.file-button) {
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
  box-sizing:border-box; width:auto; min-height:42px; margin:0; padding:10px 20px;
  border:1px solid var(--accent); border-radius:999px;
  background:linear-gradient(135deg,#46b5ff,#2f6dff); color:#fff;
  font-size:14px; font-weight:400; line-height:20px; white-space:nowrap;
  box-shadow:0 10px 22px rgba(47,109,255,.20);
}
body #app .workspace-section-header .workspace-head-note {
  margin:0; border-radius:24px; padding:13px 20px;
  border:1px solid rgba(47,128,255,.14); background:rgba(255,255,255,.64);
  box-shadow:0 14px 32px rgba(29,92,153,.12);
}
@container workbench (max-width:1040px) {
  body #app .workspace-pane .workspace-section-header { flex-wrap:wrap; }
  body #app .workspace-section-header :is(.project-page-tools,.template-save-box) { flex:1 1 100%; }
}
@media(max-width:720px) {
  body #app .workspace-pane .workspace-section-header { flex-direction:column; align-items:stretch; padding:20px; }
  body #app .workspace-section-header h2 { font-size:25px; }
  body #app .workspace-section-header :is(.project-page-tools,.template-save-box,.workspace-header-actions) { flex-wrap:wrap; border-radius:24px; width:100%; }
  body #app .workspace-section-header .template-head-actions { flex:1 1 100%; }
  body #app .workspace-section-header .template-head-actions > :is(button,.file-button) { flex:1; }
}