.project-section-mode .project-settings-tabs,.project-settings-tabs.studio-command-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:7px;padding:8px;margin:18px 0 26px;overflow:visible;border:1px solid #19373a;background:rgba(5,18,21,.92);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.project-settings-tabs.studio-command-menu a{position:relative;min-height:52px;display:flex;align-items:end;padding:10px;border:1px solid #173337;background:linear-gradient(135deg,rgba(16,47,49,.82),rgba(7,22,26,.92));color:#a6c2c2;font-size:10px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.project-standard-mode .project-settings-tabs:not(.studio-command-menu),.project-work-mode .project-settings-tabs:not(.studio-command-menu),.project-section-mode .project-settings-tabs:not(.studio-command-menu){visibility:hidden}
.project-settings-tabs.studio-command-menu a::before{content:attr(data-studio-item);position:absolute;top:8px;left:10px;color:#5e8586;font-size:8px}
.project-settings-tabs.studio-command-menu a:hover,.project-settings-tabs.studio-command-menu a.active{color:#071315;border-color:#80f6d0;background:linear-gradient(135deg,#91ffe0,#50d8b6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 9px 20px rgba(69,220,180,.18)}
.project-settings-tabs.studio-command-menu a.active::after{content:'';position:absolute;right:10px;top:11px;width:8px;height:8px;background:#0b4442}
@media(max-width:620px){.project-settings-tabs.studio-command-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* One steady command bar for every project workspace. */
.project-standard-mode .project-settings-tabs,.project-work-mode .project-settings-tabs,.project-section-mode .project-settings-tabs{position:fixed!important;top:calc(var(--xunaro-sticky-nav-height,96px) + 10px);left:50%;z-index:900;width:min(100% - 28px,820px)!important;margin:0!important;padding:6px;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:5px;counter-reset:studio-tab;border:1px solid #19373a;background:rgba(5,18,21,.96);box-shadow:0 18px 42px rgba(0,0,0,.3);backdrop-filter:blur(14px);transform:translateX(-50%)}
.studio-command-spacer{height:96px}
.project-settings-tabs a{position:relative;min-height:43px;display:flex;align-items:flex-end;justify-content:center;padding:8px 6px;border:1px solid #173337;background:linear-gradient(135deg,rgba(16,47,49,.82),rgba(7,22,26,.92));color:#a6c2c2;font-size:9px;font-weight:900;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase}
.project-settings-tabs a::before{content:counter(studio-tab,decimal-leading-zero)!important;counter-increment:studio-tab;position:absolute;top:6px;left:7px;color:#5e8586;font-size:7px;font-weight:900;letter-spacing:.08em}
.project-settings-tabs a:hover,.project-settings-tabs a.active{border-color:#80f6d0;background:linear-gradient(135deg,#91ffe0,#50d8b6);color:#071315}
@media(max-width:620px){.project-standard-mode .project-settings-tabs,.project-work-mode .project-settings-tabs,.project-section-mode .project-settings-tabs{top:calc(var(--xunaro-sticky-nav-height,60px) + 6px);left:9px;width:calc(100% - 18px)!important;grid-template-columns:repeat(3,minmax(0,1fr));transform:none}.studio-command-spacer{height:148px}.project-settings-tabs a{min-width:0}}
@media(max-width:480px){.project-standard-mode .project-settings-tabs,.project-work-mode .project-settings-tabs,.project-section-mode .project-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - var(--xunaro-sticky-nav-height,108px) - 16px);overflow-y:auto!important;overscroll-behavior:contain}.studio-command-spacer{height:204px}}

/* When the Xunaro header retracts, Studio tabs grow and glide into its space. */
.project-settings-tabs.studio-command-menu{transform:translate3d(-50%,0,0);will-change:transform,width;transition:transform .58s cubic-bezier(.22,1,.36,1),width .58s cubic-bezier(.22,1,.36,1),padding .42s ease,gap .42s ease,box-shadow .42s ease}.project-settings-tabs.studio-command-menu a{transition:min-height .58s cubic-bezier(.22,1,.36,1),padding .58s cubic-bezier(.22,1,.36,1),background .22s,color .22s,border-color .22s}.xunaro-nav-is-collapsed .project-standard-mode .project-settings-tabs,.xunaro-nav-is-collapsed .project-work-mode .project-settings-tabs,.xunaro-nav-is-collapsed .project-section-mode .project-settings-tabs{top:calc(var(--xunaro-sticky-nav-height,96px) + 10px);width:min(100% - 18px,900px)!important;gap:7px;padding:8px;transform:translate3d(-50%,calc(0px - var(--xunaro-sticky-nav-height,96px)),0)}.xunaro-nav-is-collapsed .project-settings-tabs a{min-height:50px;padding:11px 8px}@media(max-width:620px){.project-settings-tabs.studio-command-menu{transform:translate3d(0,0,0)}.xunaro-nav-is-collapsed .project-standard-mode .project-settings-tabs,.xunaro-nav-is-collapsed .project-work-mode .project-settings-tabs,.xunaro-nav-is-collapsed .project-section-mode .project-settings-tabs{top:calc(var(--xunaro-sticky-nav-height,60px) + 6px);left:9px;width:calc(100% - 18px)!important;transform:translate3d(0,calc(0px - var(--xunaro-sticky-nav-height,60px)),0)}}@media(prefers-reduced-motion:reduce){.project-settings-tabs.studio-command-menu,.project-settings-tabs.studio-command-menu a{transition-duration:.01ms!important}}
.project-settings-tabs.studio-command-menu{transition:transform .58s cubic-bezier(.22,1,.36,1),width .58s cubic-bezier(.22,1,.36,1),padding .42s ease,gap .42s ease,box-shadow .42s ease!important}.project-settings-tabs.studio-command-menu a{transition:min-height .58s cubic-bezier(.22,1,.36,1),padding .58s cubic-bezier(.22,1,.36,1),background .22s,color .22s,border-color .22s!important}
.project-settings-tabs.is-navigating{pointer-events:none;opacity:.82}@supports (view-transition-name:none){@view-transition{navigation:auto}}
