@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#111213;--panel:#191a1b;--panel2:#202122;--border:#2b2c2d;--muted:#929493;--text:#f2f0ea;--accent:#f5ad8b;--accent2:#f9c6a9;--sidebar:222px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:13px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:none}::selection{background:#f5ad8b44}.app-shell{min-height:100vh;padding-bottom:88px}.sidebar{width:var(--sidebar);z-index:40;background:#151617;border-right:1px solid #28292a;flex-direction:column;padding:29px 17px 0;display:flex;position:fixed;top:0;bottom:88px;left:0}.brand{letter-spacing:-2px;align-items:center;gap:10px;margin:0 16px 30px;font-family:Manrope,sans-serif;font-size:34px;font-weight:800;display:flex}.brand>svg{color:var(--accent);width:29px;height:34px}.brand-dot{color:var(--accent)}.workspace{border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;padding:11px 8px;font-size:10px;font-weight:600;display:flex}.workspace small{color:#7f8180;margin-top:3px;font-size:8.5px;font-weight:400;display:block}.workspace>svg{color:#929493;margin-left:auto}.workspace-icon{width:27px;height:28px;color:var(--accent);background:#3b342e;border:1px solid #5e493e;border-radius:5px;place-items:center;display:grid}.nav-label{color:#717473;letter-spacing:1.5px;margin:29px 12px 13px;font-size:9px;font-weight:600}nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#999c9a;text-align:left;border-radius:7px;align-items:center;gap:12px;padding:12px 14px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{color:#f2f0ea;background:#242526}.nav-item.active{color:var(--accent2);background:#302722}.nav-plus{color:var(--accent);margin-left:auto;font-size:20px;font-weight:400;line-height:12px}.playlists-label{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.playlists-label button{color:#7a7c7a;height:16px;padding:0}.playlist-link{color:#979a98;text-align:left;align-items:center;gap:12px;padding:12px 14px;font-size:11px;display:flex}.playlist-link>span:last-child:not(.playlist-square){color:#686c69;margin-left:auto;font-size:10px}.playlist-square{background:linear-gradient(130deg,#423c52,#b89991);border-radius:3px;width:14px;height:14px}.sidebar-bottom{margin-top:auto;padding-top:30px}.demo-card{background:linear-gradient(140deg,#282820,#1e211e);border:1px solid #36382d;border-radius:9px;margin-bottom:20px;padding:17px 13px}.demo-card>span{letter-spacing:1px;color:#b0b29a;align-items:center;gap:6px;font-size:7px;display:flex}.live-dot{background:#bac893;border-radius:50%;width:5px;height:5px}.demo-card h3{letter-spacing:-.3px;margin:14px 0 8px;font-size:14px}.demo-card p{color:#93978b;margin-bottom:16px;font-size:10px;line-height:1.7}.demo-card button{color:#30362b;background:#dadfc3;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 3px;font-size:9px;font-weight:650;display:flex}.demo-card button svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--border);text-align:left;align-items:center;gap:9px;width:100%;padding:15px 8px 17px;font-size:10px;display:flex}.profile small{color:#7f8380;margin-top:4px;font-size:9px;display:block}.profile>svg{color:#767975;margin-left:auto}.avatar,.top-avatar{color:#393b30;background:#d4c2a5;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:29px;height:29px}.top-avatar{width:30px;height:30px;font-size:11px}main{margin-left:var(--sidebar)}.topbar{border-bottom:1px solid #252627;justify-content:space-between;align-items:center;height:73px;padding:0 37px;display:flex}.breadcrumb{color:#858986;align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#d9dcd6;font-weight:500}.breadcrumb>svg{color:#555b56}.top-actions{align-items:center;gap:22px;display:flex}.demo-badge{letter-spacing:1.3px;color:#b3b5ac;align-items:center;gap:7px;font-size:8px;font-weight:500;display:flex}.demo-badge>span{background:#c3d1a3;border-radius:50%;width:5px;height:5px}.page-content{max-width:1580px;margin:auto;padding:36px 37px 18px}.eyebrow{letter-spacing:1.5px;color:#afb3a7;align-items:center;gap:7px;margin-bottom:13px;font-size:8px;font-weight:500;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.heading h1{letter-spacing:-1.1px;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(23px,2.25vw,34px);font-weight:600;line-height:1.4}.heading em{color:var(--accent2);font-family:Georgia,serif;font-size:1.12em;font-weight:400}.heading p{color:#929690;margin:9px 0 0;font-size:11px}.heading-doodle{color:#b7b39f;opacity:.6;align-items:center;gap:12px;padding-right:20px;display:flex;transform:rotate(-9deg)}.heading-doodle>svg{stroke-width:1px;width:44px;height:34px}.heading-doodle>span{font-family:Georgia,serif;font-size:17px;font-style:italic}.mobile-br{display:none}.studio-grid{grid-template-columns:minmax(300px,.83fr) minmax(0,1.35fr);align-items:start;gap:27px;display:grid}.composer{background:var(--panel);border:1px solid #303130;border-radius:12px;padding:22px}.composer-top{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.composer h2{letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:550;display:flex}.composer h2>svg{color:#cfbba1}.version{letter-spacing:1.3px;color:#686c66;font-size:7px}.mode-tabs{background:#111314;border:1px solid #282b29;border-radius:7px;margin-bottom:24px;padding:3px;display:flex}.mode-tabs>button{color:#858a85;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:50%;padding:9px;font-size:10px;display:flex}.mode-tabs .selected{color:#e6e8e0;background:#303232;box-shadow:0 1px 5px #0002}.field-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.field-heading>label,.style-heading>label,.custom-fields>label{color:#d9ddd5;font-size:10px;font-weight:500}.surprise{color:#bab0a0;align-items:center;gap:5px;padding:0;font-size:8px;display:flex}.prompt-wrap{background:#141617;border:1px solid #363936;border-radius:8px;transition:all .2s}.prompt-wrap:focus-within{border-color:#bc947c;box-shadow:0 0 0 3px #f5ad8b0a}.prompt-wrap textarea{resize:vertical;color:#e0e3da;background:0 0;border:0;width:100%;min-height:139px;padding:13px 13px 0;font-size:11px;line-height:1.9}.prompt-wrap textarea::placeholder{color:#717770}.prompt-bottom{color:#646d62;justify-content:space-between;gap:5px;padding:12px 13px;font-size:8px;display:flex}.prompt-bottom>span:last-child{color:#747b70;font-variant-numeric:tabular-nums}.prompt-suggestions{flex-wrap:wrap;gap:5px;margin:11px 0 24px;display:flex}.prompt-suggestions button{color:#92978e;border:1px solid #333730;border-radius:4px;align-items:center;gap:5px;padding:5px 6px;font-size:7px;transition:all .2s;display:flex}.prompt-suggestions button:hover{color:var(--accent);border-color:#80634f}.style-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.style-heading>span{color:#626b5d;letter-spacing:1.3px;font-size:7px}.style-chips{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.style-chips button{color:#a0a69a;border:1px solid #383c35;border-radius:5px;align-items:center;gap:4px;padding:7px 12px;font-size:9px;transition:all .18s;display:flex}.style-chips .chosen{color:#eec0a1;background:#3b3027;border-color:#7a5943}.style-chips button:hover{border-color:#af8c6c}.instrumental-row{border-top:1px solid #2d312a;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.instrumental-row>div>span{color:#d0d6c9;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.instrumental-row svg{color:#a8b29a}.instrumental-row p{color:#787f70;margin:6px 0 0 22px;font-size:8px}.switch{background:#434940;border-radius:20px;width:33px;height:18px;padding:3px;transition:all .2s}.switch>span{background:#c6cbbc;border-radius:50%;width:12px;height:12px;transition:all .2s;display:block}.switch.on{background:#c8d3af}.switch.on>span{background:#343f2e;transform:translate(15px)}.create-button{color:#3c2a21;background:linear-gradient(110deg,#f8bc9a,#efa785);border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 3px 15px #e89b7010}.create-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.create-button>span{font-size:19px;font-weight:400;position:absolute;right:17px}.composer-foot{color:#838b78;text-align:center;justify-content:center;align-items:center;gap:7px;margin:13px 0 0;font-size:8px;display:flex}.tiny-wave{color:#9ba981;letter-spacing:1px}.feature-card{background:radial-gradient(at 90% 100%,#c7644877,#0000 53%),linear-gradient(115deg,#33252a,#51342d 55%,#3b3027);border:1px solid #5a3b31;border-radius:12px;min-height:246px;position:relative;overflow:hidden}.feature-content{z-index:2;padding:26px;position:relative}.feature-label{color:#d1b298;letter-spacing:1.5px;align-items:center;gap:7px;font-size:7px;display:flex}.feature-label>span{background:#e4b69a;border-radius:50%;width:4px;height:4px}.feature-content h2{letter-spacing:-.7px;margin:17px 0 10px;font-family:Manrope,sans-serif;font-size:clamp(17px,1.8vw,26px);font-weight:550;line-height:1.45}.feature-content h2 em{color:#eebda1;font-family:Georgia,serif;font-weight:400}.feature-content p{color:#bba79b;margin-bottom:17px;font-size:10px;line-height:1.8}.feature-content>button{color:#382d27;background:#f2c5a7;border-radius:5px;align-items:center;gap:16px;padding:9px 12px;font-size:9px;font-weight:600;display:flex}.record-art{justify-content:center;align-items:center;width:43%;height:100%;display:flex;position:absolute;top:12px;right:-18px;transform:rotate(-17deg)}.record-glow{background:radial-gradient(circle,#e7ae6977,#0000 68%);position:absolute;inset:0}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#22201b 0 1px,#39342b 2px,#24221c 3px);border-radius:50%;justify-content:center;align-items:center;width:220px;display:flex;position:relative;box-shadow:-11px 15px 22px #0008,inset 0 0 0 2px #66513b66}.vinyl:after{content:"";background:conic-gradient(from 25deg,#0000,#fbdaa51a,#0000 25% 45%,#f4c89422,#0000 70%);border-radius:50%;position:absolute;inset:0}.vinyl-label{color:#4d3526;background:#d6b77d;border:9px solid #b5945f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;display:flex;transform:rotate(12deg)}.vinyl-label:after{content:"";background:#28231d;border-radius:50%;width:5px;height:5px;position:absolute;top:34px;left:26px}.vinyl-label span{letter-spacing:-1px;font-size:16px;font-weight:800;transform:translateY(-8px)}.vinyl-label small{letter-spacing:.8px;font-size:3px;transform:translateY(7px)}.star{color:#d9ad77;position:absolute}.star-one{font-size:35px;bottom:14px;left:-7px}.star-two{font-size:28px;top:8px;right:17px}.feature-number{color:#d3a586aa;letter-spacing:2px;font-size:7px;position:absolute;bottom:14px;right:19px}.section-top{justify-content:space-between;align-items:center;margin:27px 0 17px;display:flex}.section-top h2{letter-spacing:-.4px;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.section-top p{color:#7f897b;margin:0;font-size:9px}.section-tools{gap:6px;display:flex}.section-tools>.icon-btn{color:#9eab94;border:1px solid #30382d;border-radius:50%;width:25px;height:25px}.filter-bar{border-bottom:1px solid #2a3226;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.filter-tabs{gap:20px;min-width:0;display:flex}.filter-tabs button{color:#818d7b;white-space:nowrap;padding:0 0 12px;font-size:9px;position:relative}.filter-tabs .active-tab{color:#edd2b9}.filter-tabs .active-tab:after{content:"";background:#dcad8d;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-tabs button>span{color:#d9c6a8;background:#393b2e;border-radius:3px;margin-left:5px;padding:2px 4px;font-size:7px}.search-wrap{color:#697a64;align-items:center;gap:5px;max-width:120px;padding-bottom:11px;display:flex}.search-wrap input{color:#a7b29e;background:0 0;border:0;width:90px;font-size:8px}.search-wrap input::placeholder{color:#6c7a66}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cover-container{position:relative}.cover-button{text-align:left;border-radius:7px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover{aspect-ratio:1;isolation:isolate;position:relative;overflow:hidden}.art-sunset{background:linear-gradient(#777f7c,#c5997d 32%,#eaa46e 57%,#655953 57.5%,#383f3e 76%,#36403d)}.art-sunset .art-orb{background:linear-gradient(#f5c385,#ef9d5c);border-radius:50%;width:46%;height:46%;position:absolute;top:18%;left:27%;box-shadow:0 0 20px #f7b16d99}.art-sunset .art-line{background:repeating-linear-gradient(178deg,#3f4a4166 0 2px,#9a8b7033 3px 4px,#0000 5px 10px);position:absolute;inset:58% -20% -10%;transform:perspective(70px)rotateX(30deg)}.art-neon{background:radial-gradient(at 52% 15%,#e69a7355,#0000 45%),linear-gradient(145deg,#222632,#4f3c56 38%,#283347 57%,#161f29)}.art-neon .art-orb{border:3px solid #efae83;border-radius:80px 80px 0 0;width:46%;height:110%;position:absolute;top:15%;left:27%;transform:perspective(80px)rotateX(13deg);box-shadow:0 0 18px #eaa98188,inset 0 0 15px #eaa98188}.art-neon .art-line{filter:blur(1px);background:repeating-linear-gradient(0deg,#0000 0 6px,#d0a28733 7px 8px);position:absolute;inset:65% 0 0}.art-sunflower{background:linear-gradient(135deg,#9eaa88,#c1bd90 50%,#8c8f5f)}.art-sunflower .art-orb{background:#65563a;border-radius:50%;width:40%;height:40%;position:absolute;top:31%;left:43%;transform:scale(.8);box-shadow:13px 0 0 -2px #e0b96c,-13px 0 0 -2px #d7ab61,0 13px 0 -2px #d8b46d,0 -13px 0 -2px #e7bf74,10px 10px 0 -2px #d2a664,-10px -10px 0 -2px #e4bc72,-10px 10px 0 -2px #d0a869,10px -10px 0 -2px #dbaf60}.art-sunflower .art-line{background:#5a6745;width:3px;height:80%;position:absolute;top:62%;left:64%;transform:rotate(-13deg)}.art-lunar{background:radial-gradient(at 40% 20%,#8e9ca1,#637779 38%,#2e424d 66%,#182a35)}.art-lunar .art-orb{background:#dbdcc4;border-radius:50%;width:31%;height:31%;position:absolute;top:20%;left:43%;box-shadow:0 0 24px #dae1cc44}.art-lunar .art-line{background:#314a4c;border-radius:100% 100% 0 0;position:absolute;inset:62% -15% -20%;transform:rotate(-12deg);box-shadow:20px -5px 0 8px #496363,0 25px 0 10px #243c43}.art-grain{opacity:.16;mix-blend-mode:overlay;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:absolute;inset:0}.track-genre{z-index:3;color:#f4eee4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a241e66;border-radius:3px;padding:4px 6px;font-size:7px;position:absolute;top:8px;left:8px}.cover-play{z-index:4;color:#352f2c;opacity:0;background:#f6e4d9ed;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-button:hover .cover-play,.cover-button:focus-visible .cover-play{opacity:1}.cover-duration{z-index:3;color:#eee5d5;text-shadow:0 1px 4px #000;font-size:7px;position:absolute;bottom:7px;right:7px}.favorite{z-index:5;opacity:0;background:#20282066;border-radius:50%;place-items:center;width:24px;height:24px;transition:all .2s;display:grid;position:absolute;bottom:7px;left:7px}.cover-container:hover .favorite,.favorite:focus-visible,.favorite.liked{opacity:1}.liked{color:var(--accent)!important}.track-title{justify-content:space-between;align-items:center;gap:5px;margin-top:11px;display:flex}.track-title h3{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;margin:0;font-size:10px;font-weight:550;overflow:hidden}.track-card>p{color:#7b8b76;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 11px;font-size:8px;overflow:hidden}.track-author{color:#a2ab97;flex-wrap:wrap;align-items:center;gap:4px;font-size:7px;display:flex}.artist-dot{background:linear-gradient(120deg,#c1b392,#6a7e68);border-radius:50%;width:10px;height:10px}.track-author>span:last-child{letter-spacing:.4px;color:#65735f;margin-left:auto;font-size:5px}.playing-indicator{color:var(--accent);flex-shrink:0}.bottom-note{color:#657360;border-top:1px solid #293224;justify-content:space-between;align-items:center;gap:12px;margin-top:27px;padding-top:16px;font-size:7px;display:flex}.bottom-note>span:first-child{color:#8b977e;white-space:nowrap;align-items:center;gap:6px;display:flex}.player{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191c18ee;border-top:1px solid #32342e;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:25px;height:88px;padding:0 26px;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:11px;min-width:0;display:flex}.now-playing>button:first-child{flex-shrink:0;padding:0}.small-cover{border-radius:5px;width:48px;height:48px}.now-playing>div{min-width:0}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:10px;font-weight:500;display:block;overflow:hidden}.now-playing>div>span{color:#84917c;margin-top:6px;font-size:8px;display:block}.player-heart{color:#8b9b82;margin-left:8px}.icon-btn{color:#98a78f;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-btn:hover{color:var(--accent2)}.player-center{flex-direction:column;gap:7px;display:flex}.playback-controls{justify-content:center;align-items:center;gap:19px;display:flex}.main-play{color:#333c2c;background:#e9eadb;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid}.main-play>svg{width:14px;height:14px}.shuffle-control{color:#71836a;position:absolute;transform:translate(-100px)}.seek-row{color:#7f9075;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:7px;display:flex}.seek-row input{accent-color:#cfb69a;cursor:pointer;width:100%;height:3px}.player-right{justify-content:flex-end;align-items:center;gap:9px;display:flex}.player-right input{accent-color:#c8c8a8;width:73px;height:3px}.player-right>a{border-left:1px solid #364230;margin-left:12px;padding-left:18px}.toast{z-index:90;color:#e7e5d7;background:#2b2c24;border:1px solid #5c5847;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:13px 15px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:106px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0007}.toast>svg{color:var(--accent);flex-shrink:0}.toast>button{color:#a9ad99;place-items:center;padding:0;display:grid}.custom-fields{flex-direction:column;gap:9px;margin:-3px 0 22px;display:flex}.custom-fields>label>span{color:#74806c;font-weight:400}.custom-fields>input,.custom-fields>textarea{color:#dae3d2;background:#131811;border:1px solid #363e30;border-radius:6px;padding:11px;font-size:10px;line-height:1.7}.custom-fields>textarea{resize:vertical;min-height:135px}.custom-fields small{color:#808e74;font-size:8px;line-height:1.6}.custom-fields>input:focus,.custom-fields>textarea:focus{border-color:#aa8c6b}.error{color:#efab91;margin:7px 0;font-size:9px;line-height:1.6}.invalid{border-color:#c8866b}.empty-state{text-align:center;color:#85947a;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state>svg{color:#d3b08c}.empty-state h3{color:#e3e5d6;font-size:14px;font-weight:500}.empty-state p{margin-top:0;font-size:10px}.empty-state button{color:#e7b894;align-items:center;gap:10px;margin-top:12px;display:flex}.browse-only{grid-template-columns:1fr}.browse-only .feature-card{min-height:270px}.browse-only .record-art{width:35%;right:40px}.browse-only .track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-menu,.sidebar-scrim{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (min-width:1500px){.page-content{padding-top:48px}.studio-grid{grid-template-columns:minmax(350px,.78fr) minmax(0,1.4fr)}.composer{padding:26px}.feature-card{min-height:280px}.feature-content{padding:31px}.record-art{right:0}.vinyl{width:255px}.track-title h3{font-size:12px}.track-card>p{font-size:9px}.track-author{font-size:8px}.prompt-wrap textarea{min-height:155px}.section-top{margin-top:32px}.heading{margin-bottom:36px}.track-grid{gap:20px}}@media (max-width:1150px){:root{--sidebar:196px}.page-content{padding:30px 25px}.topbar{padding:0 25px}.studio-grid{grid-template-columns:minmax(285px,.9fr) minmax(0,1fr);gap:20px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.heading h1{font-size:26px}.heading-doodle{display:none}.composer{padding:19px}.feature-content{padding:21px}.feature-content h2{font-size:22px}.feature-card{min-height:255px}.record-art{opacity:.65;width:50%;right:-65px}.feature-content{z-index:3}.feature-number{right:12px}.search-wrap{max-width:90px}.search-wrap input{width:60px}.filter-tabs{gap:13px}.track-author>span:last-child{font-size:6px}.brand{margin-left:11px}.workspace{font-size:9px}.workspace small{font-size:8px}.demo-card{padding:15px 10px}.bottom-note{flex-direction:column;align-items:start;gap:8px}}@media (max-width:800px){:root{--sidebar:72px}.sidebar{padding:23px 10px 0}.brand{gap:0;margin:0 auto 30px;font-size:0}.brand>svg{width:27px}.brand-dot,.workspace,.nav-label,.playlist-link,.demo-card,.profile>span:not(.avatar),.profile>svg{display:none}.nav-item{justify-content:center;gap:0;padding:13px;font-size:0}.nav-item>svg{width:20px;height:20px}.nav-plus{display:none}.profile{justify-content:center;padding:14px 0}.heading h1{font-size:26px}.page-content{padding:28px 22px}.topbar{height:60px;padding:0 22px}.studio-grid{grid-template-columns:minmax(265px,.9fr) minmax(0,1fr);gap:18px}.composer{padding:17px}.feature-content h2{font-size:19px}.feature-card{min-height:245px}.feature-content{padding:19px}.feature-label{letter-spacing:1px;font-size:6px}.feature-content p{font-size:9px}.record-art{right:-90px}.track-grid{gap:12px}.track-title h3{font-size:10px}.filter-tabs{gap:13px}.search-wrap{display:none}.prompt-suggestions button{font-size:7px}.style-chips{gap:6px}.style-chips button{padding:6px 9px}.version{font-size:6px}.composer h2{font-size:12px}.player{grid-template-columns:1fr 1fr;gap:15px;padding:0 15px}.player-right{display:none}.now-playing strong{max-width:160px}.player-heart{display:none}.player-center{padding-right:7px}.browse-only .record-art{right:0}}@media (max-width:650px){.studio-grid{grid-template-columns:1fr}.heading h1{font-size:28px;line-height:1.32}.mobile-br{display:block}.heading p{max-width:270px;font-size:10px;line-height:1.7}.eyebrow{letter-spacing:1.1px;font-size:7px}.heading{margin-bottom:24px}.composer{padding:22px}.composer h2{font-size:14px}.version{font-size:8px}.mode-tabs>button,.field-heading>label,.style-heading>label{font-size:11px}.surprise{font-size:9px}.prompt-wrap textarea{min-height:125px;font-size:12px}.prompt-bottom{font-size:9px}.prompt-suggestions button{font-size:8px}.style-chips button{padding:8px 13px;font-size:10px}.instrumental-row>div>span{font-size:11px}.instrumental-row p,.composer-foot{font-size:9px}.feature-card{min-height:245px}.feature-content{padding:23px}.feature-content h2{font-size:25px}.feature-content p{font-size:11px}.feature-content>button{padding:10px 13px;font-size:10px}.record-art{opacity:.75;width:45%;right:-10px}.vinyl{flex-shrink:0;width:190px}.feature-label{font-size:7px}.section-top h2{font-size:17px}.section-top p,.filter-tabs button{font-size:10px}.track-grid{gap:16px}.track-title h3{font-size:12px}.track-card>p{font-size:9px}.track-author,.bottom-note{font-size:8px}.cover-play{opacity:1;width:30px;height:30px;inset:auto 7px 7px auto;transform:none}.cover-duration{display:none}.favorite{opacity:1}.browse-only .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{min-width:250px;max-width:90vw;font-size:10px}}@media (max-width:420px){:root{--sidebar:0px}.sidebar{width:220px;padding:25px 17px;display:none}.sidebar.mobile-open{display:flex;bottom:76px}.sidebar.mobile-open .brand{gap:10px;margin:0 12px 30px;font-size:34px}.sidebar.mobile-open .brand-dot{display:inline}.sidebar.mobile-open .workspace,.sidebar.mobile-open .nav-label{display:flex}.sidebar.mobile-open .nav-item{justify-content:start;gap:12px;font-size:12px}.sidebar.mobile-open .playlist-link{display:flex}.sidebar.mobile-open .demo-card{display:block}.sidebar.mobile-open .profile{justify-content:start;padding:14px 8px}.sidebar.mobile-open .profile>span{display:block}.sidebar-scrim{z-index:35;background:#0009;display:block;position:fixed;inset:0}.mobile-menu{padding:0;display:inline-flex}.breadcrumb{gap:12px}.topbar{height:57px;padding:0 18px}.top-actions{gap:13px}.demo-badge{font-size:7px}.page-content{padding:27px 18px}.heading h1{font-size:30px}.heading p{max-width:100%;font-size:11px}.composer{padding:19px}.player{grid-template-columns:1fr 100px;gap:8px;height:76px;padding:0 13px}.app-shell{padding-bottom:76px}.small-cover{width:41px;height:41px}.now-playing{gap:9px}.now-playing strong{max-width:145px;font-size:10px}.now-playing>div>span{font-size:8px}.player-center{padding:0}.seek-row{display:none}.playback-controls{gap:8px}.shuffle-control,.playback-controls>.icon-btn:first-of-type{display:none}.main-play{width:31px;height:31px}.toast{bottom:91px}.record-art{width:44%;right:-20px}.feature-content h2{font-size:24px}.feature-content{padding:22px}.track-author>span:last-child{font-size:5px}.bottom-note{margin-bottom:6px}}