#topbar{display:flex;align-items:center;padding-inline:var(--header-inline-pad);gap:0;background:transparent;height:var(--topbar-h);}
#topbar > *{min-width:0;}
.topbar-left{flex:0 0 auto;display:flex;align-items:center;padding-right:var(--header-cluster-gap);height:100%;}
.topbar-brand{display:inline-flex;align-items:center;gap:8px;min-height:var(--header-action-size);padding-inline:var(--header-brand-pad);border-radius:var(--r-md);text-decoration:none;color:inherit;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);}
.topbar-brand:active{background:var(--fill-active);}
.topbar-brand-name{font-size:15px;font-weight:600;letter-spacing:-0.025em;color:var(--text);white-space:nowrap;}
.topbar-brand-sep{width:1px;height:14px;background:var(--border-strong);flex-shrink:0;}
.topbar-brand-sub{font-size:12px;font-weight:500;color:var(--accent);opacity:0.85;letter-spacing:0.01em;white-space:nowrap;}
[data-theme="dark"] .topbar-brand-sub{color:var(--accent-soft);opacity:1;}
.topbar-centre{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding-inline:12px;}
.topbar-title-control{width:fit-content;max-width:min(100%,520px);min-width:0;min-height:var(--header-action-size);display:inline-flex;align-items:center;padding-inline:var(--header-title-pad-x);border-radius:8px;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);border:1px solid transparent;}
.topbar-title-control.is-editing{width:min(100%,420px);background:var(--bg-card);}
.topbar-title-control.is-editing, .topbar-title-control:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12);}
.topbar-title-field{min-width:0;width:auto;height:100%;display:inline-flex;align-items:center;padding:0;margin:0;background:transparent;border:none;box-shadow:none;outline:none;font:inherit;color:inherit;}
.topbar-title-btn:focus, .topbar-title-btn:focus-visible, .topbar-title-input:focus, .topbar-title-input:focus-visible{outline:none;box-shadow:none;}
.topbar-title-btn{cursor:text;max-width:100%;}
.topbar-title-stack{min-width:0;max-width:100%;display:inline-flex;flex-direction:row;align-items:baseline;gap:7px;}
.topbar-title-display-inner{min-width:0;max-width:100%;display:inline-flex;align-items:baseline;justify-content:center;gap:7px;}
.topbar-title-text, .topbar-title-input{display:block;min-width:0;font-size:14px;font-weight:560;color:var(--text);letter-spacing:-0.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar-title-text{flex:0 1 auto;}
.topbar-title-input{width:100%;appearance:none;}
.topbar-title-input::placeholder{color:var(--text-faint);}
.topbar-title-status{flex:0 0 auto;font-size:10px;font-weight:600;letter-spacing:0.01em;text-transform:none;color:var(--text-faint);opacity:.82;white-space:nowrap;transition:color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);}
.topbar-title-status[hidden]{display:none;}
.topbar-title-control[data-save-state="saved"] .topbar-title-status{color:var(--text-muted);opacity:.58;}
.topbar-title-control[data-save-state="dirty"] .topbar-title-status{color:var(--status-dirty);opacity:.88;}
.topbar-title-control[data-save-state="saving"] .topbar-title-status{color:var(--accent);opacity:.84;}
.topbar-title-control[data-save-state="error"] .topbar-title-status{color:var(--status-error);opacity:.9;}
#topbar-title-control.is-editing .topbar-title-btn{display:none;}
#topbar-title-control:not(.is-editing) .topbar-title-input{display:none;}
.topbar-save-state{display:none !important;}
.topbar-right{flex:0 0 auto;display:flex;align-items:center;gap:var(--header-action-gap);padding-left:var(--header-cluster-gap);min-width:max-content;}
.topbar-divider{flex:0 0 1px;width:1px;height:16px;background:color-mix(in srgb,var(--border) 72%,transparent);align-self:center;margin:0 8px;}
.topbar-wordcount{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;opacity:.78;white-space:nowrap;padding-inline:var(--header-wordcount-pad);border:none;user-select:none;cursor:pointer;height:var(--header-action-size);display:inline-flex;align-items:center;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);margin-right:0;flex-shrink:0;}
#stats-popover{position:fixed;background:color-mix(in srgb,var(--bg-card) 94%,var(--bg-canvas));border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:16px;padding:8px 0;z-index:var(--z-modal);min-width:180px;pointer-events:none;opacity:0;transform:translateY(-4px) scale(.985);box-shadow:0 1px 2px rgba(26,25,23,.04),0 10px 28px rgba(26,25,23,.07);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);}
#stats-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){#stats-popover{background:color-mix(in srgb,var(--bg-card) 82%,transparent);-webkit-backdrop-filter:saturate(1.06) blur(14px);backdrop-filter:saturate(1.06) blur(14px);}
}
[data-theme="dark"] #stats-popover{background:color-mix(in srgb,var(--bg-card) 90%,var(--bg-canvas));border-color:color-mix(in srgb,var(--border) 50%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.30),0 14px 30px rgba(0,0,0,.24);}
#stats-popover:focus, #stats-popover:focus-visible{outline:none;box-shadow:0 1px 2px rgba(26,25,23,.04),0 10px 28px rgba(26,25,23,.07);}
[data-theme="dark"] #stats-popover:focus, [data-theme="dark"] #stats-popover:focus-visible{box-shadow:0 1px 2px rgba(0,0,0,.30),0 14px 30px rgba(0,0,0,.24);}
.topbar-wordcount[aria-expanded="true"], .topbar-wordcount.is-open{background:var(--header-fill-hover);color:var(--text-sec);opacity:1;}
.stats-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:8px 14px;font-size:12px;}
.stats-row + .stats-row{border-top:none;}
.stats-row-label{color:color-mix(in srgb,var(--text-muted) 88%,var(--bg-card));font-size:11.5px;}
.stats-row-val{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em;}
.header-action-btn{flex:0 0 auto;width:var(--header-action-size);height:var(--header-action-size);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;color:var(--text-sec);background:transparent;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform 60ms var(--ease),box-shadow var(--t-fast) var(--ease);position:relative;cursor:pointer;flex-shrink:0;}
.header-action-btn svg{width:17px;height:17px;flex-shrink:0;}
.header-action-btn:hover, .header-action-btn.is-hovered{background:var(--header-fill-hover);color:var(--text);}
.header-action-btn:active{background:var(--fill-active);}
.header-action-btn.is-active{background:var(--chrome-active-bg);color:var(--chrome-active-fg);border-color:var(--chrome-active-border);box-shadow:var(--chrome-active-shadow);}
.header-action-btn.is-active:hover, .header-action-btn.is-active.is-hovered{background:color-mix(in srgb,var(--chrome-active-bg) 92%,var(--fill-hover));color:var(--chrome-active-fg);}
[data-theme="dark"] .header-action-btn.is-active{background:var(--chrome-active-bg);color:var(--chrome-active-fg);border-color:var(--chrome-active-border);box-shadow:var(--chrome-active-shadow);}
[data-theme="dark"] .header-action-btn.is-active:hover, [data-theme="dark"] .header-action-btn.is-active.is-hovered{background:color-mix(in srgb,var(--chrome-active-bg) 92%,var(--fill-hover));color:var(--chrome-active-fg);}
[data-theme="dark"] .header-action-btn{color:var(--text-sec);}
[data-theme="dark"] .header-action-btn:hover, [data-theme="dark"] .header-action-btn.is-hovered{color:var(--text);}
.topbar-btn{}
@media (max-width: 920px){#topbar{padding-inline:var(--header-inline-pad-compact);}
.topbar-left{display:none;}
.topbar-centre{justify-content:flex-start;padding-inline:0;}
}
@media (max-width: 767px){#topbar{padding-inline:var(--header-inline-pad-compact);gap:0;}
.topbar-centre{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-start;}
.topbar-title-control{max-width:100%;}
.topbar-title-text, .topbar-title-input{font-size:13px;}
.topbar-wordcount{display:inline-flex;font-size:11px;padding-inline:8px;margin-right:0;white-space:nowrap;}
}