#project-tabs{height:38px;flex:none;display:flex;align-items:end;gap:5px;padding:4px 12px 0;background:var(--nav);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.project-tab{display:flex;flex:0 1 210px;min-width:100px;max-width:240px;height:31px;border:1px solid transparent;border-bottom:0;border-radius:9px 9px 0 0;background:transparent;color:var(--muted)}
.project-tab.selected{background:var(--surface);border-color:var(--line);color:var(--text)}
.project-tab button{border:0;background:transparent;color:inherit;border-radius:5px;font-size:12px;padding:4px 8px;min-width:0}
.project-tab-open{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.project-tab .project-tab-close{flex:none;width:26px;padding:4px;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:3px;color:var(--muted)}
.project-tab .project-tab-close:hover{background:var(--hover);color:var(--text)}
.has-project-tabs>.layout{min-height:0}
.has-project-tabs #mark-website-frame{height:100%!important}
.project-tab-menu{position:fixed;z-index:1500;min-width:180px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 24px var(--shadow)}
.project-tab-menu button{width:100%;text-align:left;border:0;background:transparent}
@media(prefers-reduced-motion:no-preference){.project-tab{animation:project-tab-enter 140ms ease-out}@keyframes project-tab-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}

/* Keep the reserved tab row stable before the first tab and after the last. */
#project-tabs{min-height:38px}.project-tab{animation:none!important}