.workspace-tabs{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;width:170px;min-height:40px;margin:0 0 10px;padding:3px;border:1px solid #d9e0ea;border-radius:999px;background:#edf1f6;box-shadow:inset 0 1px 3px #27344818,0 1px 1px #fff;isolation:isolate;perspective:240px}.workspace-tab-indicator{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(145deg,#27374d,#121925);box-shadow:0 5px 10px #1720333d,inset 0 1px 1px #ffffff32;transform:translateX(0) translateY(-1px);transition:transform .42s cubic-bezier(.22,1.35,.36,1),box-shadow .3s ease}.workspace-tabs.settings-active .workspace-tab-indicator{transform:translateX(100%) translateY(-1px)}.workspace-tabs.is-switching .workspace-tab-indicator{animation:workspace-tab-depth .5s cubic-bezier(.22,1.25,.36,1)}.workspace-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;background:transparent;color:#5c6878;padding:8px 10px;font:700 12px inherit;cursor:pointer;transition:color .22s ease,transform .32s cubic-bezier(.22,1.2,.36,1),text-shadow .22s ease}.workspace-tab:hover{color:#26384d;transform:translateY(-1px)}.workspace-tab.active{border:0;background:transparent;color:#fff;text-shadow:0 1px 1px #00000055;transform:translateY(-1px)}.workspace-icon{display:inline-grid;place-items:center;width:17px;height:17px;line-height:1;text-shadow:none}.workspace-progress-icon{border-radius:50%;background:conic-gradient(currentColor 0 68%,#ffffff5c 68% 100%);box-shadow:inset 0 0 0 2px #ffffff35}.workspace-progress-icon:after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 1px #ffffff4f}.workspace-settings-icon{font-size:18px}.workspace-tab:hover .workspace-icon{animation:workspace-icon-bob .48s cubic-bezier(.22,1.2,.36,1)}.workspace-tab:focus-visible{outline:2px solid #4f7fe8;outline-offset:2px}@keyframes workspace-tab-depth{0%{box-shadow:0 5px 10px #1720333d,inset 0 1px 1px #ffffff32}45%{box-shadow:0 1px 3px #1720332b,inset 0 2px 4px #050a1229}100%{box-shadow:0 5px 10px #1720333d,inset 0 1px 1px #ffffff32}}@keyframes workspace-icon-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* Keep the original separate-tab appearance so the inactive tab remains obvious. */
.workspace-tabs{display:flex;gap:6px;width:auto;min-height:0;margin:0 0 10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:auto;perspective:none}
.workspace-tab-indicator{display:none}
.workspace-tab{position:relative;z-index:1;border:1px solid var(--line);border-radius:999px;background:var(--canvas);color:var(--soft);padding:8px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transform:none;text-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.workspace-tab:hover{background:#fff;color:var(--ink);transform:none}
.workspace-tab.active{border:1px solid var(--ink);background:var(--ink);color:#fff;text-shadow:none;transform:none}
.workspace-tab:focus-visible{outline:2px solid #4f7fe8;outline-offset:2px}