.suno-create{min-height:calc(100dvh - var(--suno-player-height));grid-template-columns:minmax(320px,450px) minmax(0,1fr);display:grid}.suno-create__composer{border-right:1px solid var(--suno-border);min-width:0;padding:22px 16px}.suno-create__composer>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 22px;padding:0 3px;display:flex}.suno-create__composer h1{margin:0;font-size:16px;line-height:20px}.suno-create__composer>header span{color:var(--suno-muted);font-size:11px}.suno-create__results{min-width:0;padding:24px 16px}.suno-create__results>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.suno-create__results h2{margin:0;font-size:16px;line-height:20px}.suno-create__results>header span{color:var(--suno-muted);font-size:12px}.suno-create__results>.suno-search{margin-bottom:22px}.suno-create .track-list__row{grid-template-columns:44px minmax(0,1fr) 48px 40px;gap:10px}.suno-create .track-list__date{display:none}.suno-create .track-list__actions{grid-column:2/-1;justify-content:flex-end}.suno-create .suno-results{margin:20px 0}@media (min-width:1100px){.suno-create__composer{height:calc(100dvh - var(--suno-player-height));position:sticky;top:0;overflow-y:auto}}@media (max-width:1050px){.suno-create{grid-template-columns:1fr}.suno-create__composer{border-right:0;border-bottom:1px solid var(--suno-border)}.suno-create__results{min-height:300px}}@media (max-width:700px){.suno-create__composer,.suno-create__results{padding:20px 12px}.suno-create .track-list__row{grid-template-columns:44px minmax(0,1fr) 40px}}.suno-create__mobile-tools{display:none}.suno-create__composer>header span{line-height:1.5}@media (max-width:700px){.suno-create__mobile-tools{margin-bottom:20px;display:block}.suno-create__mobile-tools>summary{background:var(--suno-raised);cursor:pointer;border-radius:10px;padding:12px}}.suno-app--collapsed .suno-create__mobile-tools{display:block}.suno-create{grid-template-columns:var(--suno-composer-width,450px) minmax(0,1fr);min-height:0;position:relative}.suno-create__composer{scrollbar-gutter:stable}.suno-create__resize{top:0;bottom:0;left:calc(var(--suno-composer-width,450px) - 5px);z-index:15;cursor:col-resize;touch-action:none;outline:none;width:10px;position:absolute}.suno-create__resize span{width:2px;transition:background .12s;position:absolute;top:0;bottom:0;left:4px}.suno-create__resize:hover span,.suno-create__resize:focus-visible span,.suno-create.is-resizing .suno-create__resize span{background:var(--suno-accent)}.suno-create.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}@media (min-width:1051px){.suno-app__main:has(.suno-create){min-height:0;padding-bottom:var(--suno-player-height)}.suno-create{height:calc(100dvh - 52px - var(--suno-player-height))}.suno-create__composer,.suno-create__results{overscroll-behavior-y:contain;height:100%;position:static;overflow-y:auto}}@media (max-width:1050px){.suno-create{grid-template-columns:minmax(0,1fr)}.suno-create__resize{display:none}}
