.draft-tabbar { display: none; }
[data-draft-tabs-ready] .draft-tabbar { display: flex; gap: 4px; margin: 0 0 26px; padding: 4px; border: 1px solid var(--page-line); border-radius: 10px; background: var(--page-soft); }
.draft-tabbar button { min-height: 44px; flex: 1; padding: 8px 12px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--page-muted); font: 600 14px/1.3 "Open Sans Muzmost", sans-serif; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.draft-tabbar button:hover { color: var(--page-text); }
.draft-tabbar button:focus-visible { outline: 2px solid var(--page-focus); outline-offset: 2px; }
.draft-tabbar button[aria-selected="true"] { border-color: var(--selection-border, var(--page-accent-text)); background: var(--page-surface); color: var(--page-accent-text); box-shadow: 0 1px 2px rgb(0 0 0 / .06); }
@media (prefers-reduced-motion: reduce) { .draft-tabbar button { transition: none; } }