.generator-model-menu{align-items:center;display:inline-flex}.generator-model-menu .model-menu-trigger{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:8px 4px;font-size:13px;display:flex}.generator-model-menu .model-menu-trigger[aria-expanded=true]{color:#98f2df}.generator-model-menu .model-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.generator-model-menu .model-menu-panel{z-index:80;color:#edf5ef;overscroll-behavior:contain;text-align:left;background:#0d1512;border:1px solid #3b5149;border-radius:0 0 16px 16px;width:min(1060px,100vw - 40px);max-height:calc(100dvh - 150px);padding:26px;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 30px 60px #0008}.generator-model-menu .model-menu-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.generator-model-menu .model-menu-heading span{color:#9bc1ae;letter-spacing:1.2px;font-size:10px;font-weight:650}.generator-model-menu .model-menu-heading p{color:#d4e3d9;margin:8px 0 0;font-size:13px}.generator-model-menu .model-menu-heading button{color:#bed4c8;cursor:pointer;background:0 0;border:1px solid #354e41;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.generator-model-menu .model-menu-panel .model-menu-all{color:#98f2df;background:0 0;border:0;align-items:center;gap:8px;margin:0 0 12px;padding:12px 0;font-size:12px;display:inline-flex}.generator-model-menu .model-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;display:grid}.generator-model-menu .model-menu-panel .model-menu-option{color:#e7f0ea;white-space:normal;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;min-width:0;padding:14px 12px;font-size:13px;text-decoration:none;display:flex}.generator-model-menu .model-menu-option:hover{background:#17271f;border-color:#3b5d4c}.generator-model-menu .model-menu-icon{color:#98f2df;background:#203c2f;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:36px;display:grid}.generator-model-menu .model-menu-option>span:nth-child(2){flex:1;min-width:0}.generator-model-menu .model-menu-option strong{font-size:14px;font-weight:650;display:block}.generator-model-menu .model-menu-option small{color:#95ab9d;margin-top:6px;font-size:11px;line-height:1.5;display:block}.generator-model-menu .model-menu-option>svg{color:#7e9b88;flex-shrink:0}.generator-model-menu .model-menu-panel .model-menu-option{text-align:left}.generator-model-menu .model-menu-option small{font-weight:400}.generator-model-menu .model-menu-status,.generator-model-menu .model-menu-error{color:#d9c391;align-items:center;gap:10px;padding:12px 0;font-size:12px;line-height:1.7;display:flex}.generator-model-menu .model-menu-error button{color:#98f2df;background:0 0;border:0;padding:8px;text-decoration:underline}.generator-model-menu :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #98f2df}.public-nav,.studio-home .studio-topbar{z-index:50;position:relative}.studio-home .studio-topbar{position:sticky}@media (max-width:760px){.generator-model-menu .model-menu-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 220px);padding:18px}.generator-model-menu .model-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.generator-model-menu .model-menu-panel .model-menu-option{gap:8px;padding:12px 6px}.generator-model-menu .model-menu-option strong{font-size:12px}.generator-model-menu .model-menu-option>svg{display:none}.generator-model-menu .model-menu-icon{width:27px}}@media (max-width:400px){.generator-model-menu .model-menu-grid{grid-template-columns:1fr}}@media (max-width:760px){.quick-site header.public-nav nav[aria-label]{background:0 0;border:0;border-radius:0;gap:6px;padding:0}.quick-site .public-nav>nav>a{font-size:11px}.generator-model-menu .model-menu-trigger{gap:5px;padding:8px 0;font-size:12px}.quick-site.studio-home{--studio-header:112px}.quick-site.studio-home .studio-topbar{flex-wrap:wrap;align-content:center;row-gap:8px;height:112px;padding-top:8px;padding-bottom:8px}.quick-site.studio-home .studio-topbar>nav{order:3;justify-content:center;gap:28px;width:100%;margin:0;display:flex}.quick-site.studio-home .studio-topbar>nav>a{display:none}.quick-site.studio-home .studio-topbar>nav>a[href=\/ai-music-generator]{display:flex}}
