.music-atelier{position:relative;isolation:isolate;container:music-content / inline-size;width:100%;max-width:1200px;margin-inline:auto;padding:32px clamp(20px,3vw,48px) 44px}.music-atelier:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 460px at 100% 0%,hsl(var(--primary) / .07),transparent)}.music-library{display:flex;flex-direction:column;gap:32px}.music-generator{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:30px 32px 24px;border-color:hsl(var(--primary) / .19);background:radial-gradient(ellipse at 90% 0%,hsl(var(--primary) / .08),transparent 65%),hsl(var(--card));box-shadow:0 12px 36px hsl(var(--background) / .2)}.music-generator>:not(.music-landscape){position:relative;z-index:1}.music-generator-heading{margin-bottom:8px}.music-generator-heading>span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary))}.music-generator-heading h1{max-width:85%;margin-block:12px 10px;font-size:clamp(26px,3.1vw,38px);line-height:1.14;letter-spacing:-.045em;font-weight:550;text-wrap:balance}.music-landscape{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/music-artwork/landscape.webp) center / cover}.music-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsl(var(--background) / .94),hsl(var(--background) / .62) 48%,hsl(var(--background) / .13)),linear-gradient(0deg,hsl(var(--background) / .6),transparent 65%)}[dir=rtl] .music-landscape:after{transform:scaleX(-1)}.music-generator-heading p{color:hsl(var(--foreground) / .78);font-size:14px;margin-bottom:8px}.music-generator textarea{min-height:56px;max-height:180px;padding:14px 16px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background) / .65);font-size:15px;line-height:1.7;max-width:100%}.music-generator textarea:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:5px}.music-generator-controls{padding-top:12px;margin-top:0;border-top:0}.music-generator-controls [role=combobox]{border-radius:9px;background:hsl(var(--background) / .35)}.music-generator-controls>button:last-child{border-radius:10px;min-height:38px;padding-inline:20px}.music-library-section>div:first-child{min-height:34px;align-items:center}.music-library-section h2{font-size:20px;font-weight:550;letter-spacing:-.025em}.music-library-section>div:first-child input{border-radius:9px;height:34px}.music-playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.music-playlist-card{min-width:0}.music-playlist-card>a{border:0;background:hsl(var(--card));border-radius:14px;overflow:hidden}.music-playlist-card>a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:5px}.music-playlist-card .music-playlist-cover{aspect-ratio:1.25;border-radius:14px 14px 0 0;border:0;transition:transform .18s var(--ease-out-strong, ease-out)}.music-playlist-card:hover .music-playlist-cover{transform:translateY(-3px)}.music-playlist-card>a>div:last-child{padding:12px 14px 14px}.music-playlist-card>a>div:last-child p:first-child{font-size:14px;font-weight:550}.music-playlist-card>a>div:last-child p:last-child{margin-top:3px}.music-playlist-card>button{top:42%;inset-inline-end:16px;transition:opacity .15s var(--ease-out-strong, ease-out),transform .15s var(--ease-out-strong, ease-out)}.music-playlist-card:hover>button{top:42%;transform:translateY(-2px)}.music-playlist-cover{color:hsl(var(--primary));background-size:cover;background-position:center}.music-playlist-cover>.atelier-icon{opacity:.8}.music-track-list{border-top:1px solid hsl(var(--border))}.music-track{min-height:62px;padding:11px 12px;border-radius:9px;gap:16px}.music-track+.music-track{border-top:1px solid hsl(var(--border) / .4)}.music-track [data-testid=music-track-play]{min-height:28px;top:50%;bottom:auto;transform:translateY(-50%)}.music-track>div:nth-child(2){gap:3px}.music-track[data-current]{box-shadow:inset 3px 0 hsl(var(--primary))}[dir=rtl] .music-track[data-current]{box-shadow:inset -3px 0 hsl(var(--primary))}.music-playlist-heading{border-radius:22px;padding:32px;border-color:hsl(var(--primary) / .18);background:radial-gradient(ellipse at 90% 0%,hsl(var(--primary) / .09),transparent 70%),hsl(var(--card))}.music-playlist-heading>.music-playlist-cover{width:152px;height:152px;border-radius:15px}.music-breadcrumb{max-width:100%;overflow:hidden}.music-playlist-heading>div{min-width:0;max-width:100%}.music-playlist-heading h1{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-.04em;font-weight:550}.music-playlist-detail [data-testid=playlist-tracks]{border-radius:15px;padding:4px}.music-playlist-dialog{border-radius:20px;border-color:hsl(var(--primary) / .2);background:hsl(var(--card))}.music-playlist-dialog .music-playlist-dialog-title{font-size:22px;letter-spacing:-.03em}.music-playlist-dialog :is(input,textarea){border-radius:10px;background:hsl(var(--background) / .5)}.music-cover-picker{gap:8px}.music-cover-picker button{border-radius:9px}.music-player{container:music-player / inline-size;height:78px;padding-inline:24px;border-color:hsl(var(--primary) / .16);background:linear-gradient(hsl(var(--primary) / .035),transparent),hsl(var(--card));box-shadow:0 -8px 24px hsl(var(--background) / .18)}.music-player>div:first-child>div:first-child{width:42px;height:42px;border-radius:12px;color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.music-player [data-testid=music-player-toggle]{box-shadow:0 3px 12px hsl(var(--primary) / .15)}@container music-content (max-width: 760px){.music-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-generator{padding:24px}.music-generator-heading h1{font-size:30px}.music-playlist-heading{padding:24px}.music-playlist-heading>.music-playlist-cover{width:112px;height:112px}}@container music-content (max-width: 470px){.music-generator{padding:20px}.music-generator-heading h1{font-size:26px;max-width:100%}.music-generator textarea{max-width:100%}.music-landscape:after{background:hsl(var(--background) / .74)}.music-generator-controls [role=combobox]{max-width:100%}.music-generator-controls>button:last-child{width:100%}.music-library-section>div:first-child{flex-wrap:wrap;gap:10px}.music-library-section>div:first-child input{width:100%}.music-playlist-heading{flex-direction:column;align-items:flex-start}.music-playlist-heading h1{font-size:28px;white-space:normal;overflow-wrap:anywhere}.music-playlist-actions{flex-wrap:wrap}.music-playlist-actions>span{order:3;flex-basis:100%}.music-playlist-actions>button:last-child{margin-inline-start:auto}.music-playlist-grid{gap:14px}.music-track{gap:8px;padding-inline:6px}}@container music-content (max-width: 320px){.music-playlist-detail .music-track{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;gap:4px 8px}.music-playlist-detail .music-track>div:first-child{grid-column:1;grid-row:1 / 3;width:24px}.music-playlist-detail .music-track>div:nth-child(2){grid-column:2;grid-row:1}.music-playlist-detail .music-track>div:nth-child(2)>span{white-space:normal;overflow-wrap:anywhere}.music-playlist-detail .music-track>div:nth-child(3){grid-column:3;grid-row:1}.music-playlist-detail .music-track>span{grid-column:2;grid-row:2}.music-playlist-detail .music-track>button{grid-column:3;grid-row:2;width:28px}}@container music-player (max-width: 760px){.music-player>div:first-child{width:34%}.music-player>div:last-child{width:auto}.music-player>div:last-child>:not(:last-child){display:none}}@container music-player (max-width: 470px){.music-player>div:first-child{flex:1;width:0}.music-player>div:first-child>div:first-child{display:none}.music-player>div:nth-child(2){flex:0 0 auto}.music-player>div:nth-child(2)>div:last-child{display:none}}@media(prefers-reduced-motion:reduce){.music-atelier *,.music-player *,.music-playlist-dialog,.music-playlist-dialog *{animation:none!important;transition:none!important}}