.music-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none}.music-editor canvas{display:block;width:100%;height:100%;pointer-events:none}.music-editor-control{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:8px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.music-editor-control.is-dragging{cursor:grabbing}.music-editor-control:focus-visible{outline:1px solid #9b9cae;outline-offset:2px}.editor-save-entry{position:absolute;margin:0;padding:0;border:0;border-radius:999px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.editor-save-entry--library{left:4.6893318%;top:88.6659436%;width:90.6213365%;height:4.8806941%}.editor-save-entry--local{left:38.6869871%;top:94.197397%;width:22.7432591%;height:2.2776573%}.editor-save-entry:focus-visible{outline:1px solid #9b9cae;outline-offset:2px}.prototype-toast{position:absolute;z-index:30;left:50%;bottom:18%;max-width:80%;padding:12px 24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#1a1a1af2;color:#fff;box-shadow:0 8px 24px #00000029;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;transform:translate(-50%);pointer-events:none;animation:save-toast-in .16s ease-out}.prototype-toast[hidden]{display:none}@keyframes save-toast-in{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.prototype-toast{animation:none}}.album-countdown,.album-countdown canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.album-countdown{z-index:10;pointer-events:none}.album-countdown canvas{display:block}.album-countdown canvas[hidden]{display:none}.album-countdown-entry{position:absolute;left:6.5650645%;top:40.5639913%;width:86.9871043%;height:5.0976139%;border:0;padding:0;border-radius:999px;background:transparent;cursor:pointer;pointer-events:auto}.album-countdown-entry:focus-visible{outline:2px solid #777;outline-offset:3px}.album-track-entry{position:absolute;left:5.7444314%;width:88.5111372%;height:6.9414317%;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;pointer-events:auto}.album-track-entry[data-album-track="1"]{top:55.5856833%;height:6.8329718%}.album-track-entry[data-album-track="2"]{top:72.1258134%}.album-track-entry[data-album-track="3"]{top:79.9349241%}.album-track-entry:focus-visible{outline:2px solid #777;outline-offset:3px}.album-mode-entry{position:absolute;top:46.7462039%;width:41.9695193%;height:4.6637744%;border:0;padding:0;border-radius:14px;background:transparent;cursor:pointer;pointer-events:auto}.album-mode-entry[data-playback-mode=single]{left:6.5650645%}.album-mode-entry[data-playback-mode=continuous]{left:51.5826495%}.album-mode-entry:focus-visible{outline:2px solid #777;outline-offset:3px}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#111;background:#e9ecef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#e9ecef;-webkit-font-smoothing:antialiased;overflow:hidden}html,body,#root{width:100%;min-height:100%}.prototype-stage{width:100vw;height:100dvh;display:grid;place-items:center;overflow:hidden}.mobile-prototype{--main-navigation-height: 11.7298578%;width:min(390px,calc(100dvh * 390 / 844),100vw);aspect-ratio:390 / 844;overflow:hidden;position:relative;background:#fff;box-shadow:0 18px 60px #1218212e}.screen-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.screen-scroll::-webkit-scrollbar{display:none}.reference-slice{width:100%;background-image:url(/discover-reference.png);background-repeat:no-repeat;background-size:100% auto;pointer-events:none}.reference-slice--top{aspect-ratio:390 / 636;background-position:center top}.reference-slice--heartbeat-title{aspect-ratio:390 / 40;background-position:center 79.1044776%}.heartbeat-materials{display:block;width:88.3333333%;height:auto;margin-left:5.1282051%;-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-clearance{width:100%;padding-bottom:30.7692308%}.fixed-main-navigation{position:absolute;inset-inline:0;bottom:0;z-index:4;width:100%;height:var(--main-navigation-height);background-image:url(/discover-reference.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% 852.5252525%;pointer-events:none}.mobile-prototype[data-page=project-library] .fixed-main-navigation{background-image:url(/project-library-reference.png);background-size:100% 852.5252525%}.mobile-prototype[data-page=create] .fixed-main-navigation{background-image:url(/create-reference.png);background-size:100% 980.8510638%}.mobile-prototype[data-page=profile] .fixed-main-navigation{background-image:url(/profile-reference.png);background-size:100% 823.2142857%}.page-content-frame{position:absolute;inset-inline:0;top:0;width:100%;height:calc(100% - var(--main-navigation-height));background:#fff;overflow:hidden;pointer-events:none}.mobile-prototype[data-page=profile] .full-screen-reference{clip-path:inset(0 0 12.1475054% 0)}.full-screen-reference{display:block;width:100%;height:113.2885906%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.main-nav-hotspots{position:absolute;inset-inline:0;bottom:0;z-index:6;display:grid;grid-template-columns:106fr 105fr 90fr 89fr;width:100%;height:var(--main-navigation-height)}.main-nav-hotspots button{width:100%;height:100%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.project-play-entry,.favorite-sound-entry{position:absolute;left:74.4871795%;z-index:2;width:8.2051282%;height:3.7914692%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.project-play-entry--one{top:29.0876777%}.project-play-entry--two{top:38.3293839%}.project-play-entry--three{top:47.4526066%}.project-play-entry--four{top:56.5758294%}.favorite-sound-entry{top:72.4526066%}.project-create-entry{position:absolute;left:84.1025641%;top:5.5687204%;z-index:2;width:10.7692308%;height:4.9763033%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.create-fill-entry{position:absolute;left:4.4871795%;z-index:2;width:91.025641%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.create-scroll{bottom:var(--main-navigation-height);isolation:isolate;background:#f7f8fa}.create-scroll-content{position:relative;width:100%;aspect-ratio:390 / 844}.create-scroll-content .page-content-frame{height:100%;background:transparent;clip-path:inset(0 0 10.1952278% 0)}.create-scroll-content .full-screen-reference{height:100%}.create-scroll-clearance{width:100%;padding-bottom:6.1538462%}.create-fill-entry--name{top:14.6919431%;height:14.6919431%}.create-fill-entry--import{top:29.8578199%;height:42.6540284%}.create-home-search-entry{position:absolute;left:80.7692308%;top:75.3554502%;z-index:4;width:12.3076923%;height:5.6872038%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.continue-import-bar{position:absolute;left:11.2820513%;top:45.971564%;z-index:3;width:77.4358974%;height:7.5829384%;padding:0;border-radius:min(16px,4.1025641vw);background:#f7f8faeb;box-shadow:0 5px 16px #242b360a;pointer-events:none}.continue-import-plus{position:absolute;left:5px;top:3px;display:block;width:32px;height:32px;margin:0;border-radius:50%;transform:none;-webkit-user-select:none;user-select:none}.continue-import-copy{position:absolute;left:48px;top:8px;display:flex;min-width:0;flex-direction:column;gap:1px;line-height:1.1}.continue-import-copy strong{font-size:12px;font-weight:600;white-space:nowrap}.continue-import-copy small{color:#969ca9;font-size:10px;font-weight:400;white-space:nowrap}.mini-player{position:absolute;left:-4.6153846%;top:78.4360189%;z-index:3;display:block;width:108.7179487%;height:auto;transform-origin:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;animation:mini-player-pop .5s cubic-bezier(.22,1,.36,1) both}.mini-player-open-entry{position:absolute;left:81.5384615%;top:81.6350711%;z-index:5;width:13.3333333%;height:6.2796209%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.playback-reference,.editor-reference{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.profile-published-entry{position:absolute;left:6.5650645%;top:38.5032538%;z-index:2;width:86.2837046%;height:15.1843818%;margin:0;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.playback-back-entry{position:absolute;left:1.7948718%;top:3.7914692%;z-index:11;width:12.3076923%;height:5.6872038%;margin:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.create-editor-entry{position:absolute;left:4.4871795%;top:83.0260304%;z-index:4;width:91.025641%;height:5.5314534%;margin:0;padding:0;border:0;border-radius:999px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}@keyframes mini-player-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}72%{opacity:1;transform:translateY(-1px) scale(1.008)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.mini-player{animation:none}}@media(max-width:390px),(max-height:844px){.mobile-prototype{box-shadow:none}}