.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal .mode-pill,.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal button{width:120px}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal .mode-pill{transform:translateX(calc(var(--composer-active-index, 0) * 120px))}@media (max-width:767px){.marketing-studio-scope.mcp-app-tabs{--fade-start:0px;--fade-end:0px;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:9999px;background:rgba(255,255,255,.04)}.marketing-studio-scope.mcp-app-tabs[data-fade-start]{--fade-start:22px}.marketing-studio-scope.mcp-app-tabs[data-fade-end]{--fade-end:22px}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal{flex:1 1 auto;min-width:0;width:auto;max-width:none;border:0;border-radius:9999px;background:transparent;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent)}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal::-webkit-scrollbar{display:none}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal .mode-pill,.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal button{flex:none;width:108px}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal button{padding:0 8px;gap:5px}.marketing-studio-scope.mcp-app-tabs .mode-tabs.mode-tabs--horizontal .mode-pill{transform:translateX(calc(var(--composer-active-index, 0) * 108px))}}