:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink:#343431;--muted:#777;--line:#d8d8d4;--paper:#fafaf8;--link:#202020;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:1px solid #bcbcb8;border-radius:0;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 12px;line-height:1.3;display:inline-flex}button:hover{background:#ededeb}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a{color:inherit;text-underline-offset:3px}input,textarea,select{background:#fff;border:1px solid #bcbcb8;border-radius:0;width:100%;max-width:100%;padding:10px}input::placeholder,textarea::placeholder{color:#888}textarea{resize:vertical;line-height:1.5}label{display:block}label>input,label>textarea,label>select{margin-top:7px}input[type=range]{accent-color:var(--ink);cursor:pointer;height:3px;padding:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;overflow-wrap:anywhere;font-size:32px;font-weight:500;line-height:1.12}h2,h3{font-size:14px;font-weight:600}svg{flex-shrink:0}time{color:var(--muted);font-size:11px}.muted{color:var(--muted)}.error,.danger{color:#a12621}.error{font-size:13px}.error:empty{display:none}.primary{color:var(--ink);background:#efefea;border-color:#bdbdb5}.primary:hover{background:#e5e5dd;border-color:#a5a59c}.text-button{min-height:30px;color:inherit;background:0 0;border:0;justify-content:flex-start;padding:3px 0;font-size:12px}.text-button:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}.icon-button{border:0;width:32px;min-width:32px;height:32px;padding:5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:#fff;padding:10px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.loading{color:var(--muted);padding:60px 24px}.topbar{z-index:30;background:var(--paper);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.6px;color:var(--ink);font-size:18px;font-weight:600;text-decoration:none}.topbar .app-wordmark{letter-spacing:-.3px;font-size:14px}.workspace-layout{grid-template-columns:188px minmax(0,1fr);min-height:calc(100dvh - 52px);padding:0 24px 120px;display:grid}.sidebar{z-index:5;border-right:1px solid var(--line);flex-direction:column;align-self:start;height:calc(100dvh - 52px);margin-left:-12px;padding:24px 20px 0 12px;display:flex;position:sticky;top:52px}.sidebar>*{flex-shrink:0}.sidebar>nav{flex:auto;min-height:0;margin:0 -20px 0 -12px;padding:0 20px 24px 12px;overflow-y:auto}#root:has(.player:not([hidden])) .sidebar{padding-bottom:89px}.sidebar>.action-menu{margin:0 -6px}.workspace-switcher{width:100%;height:34px;min-height:34px;color:var(--ink);text-align:left;border:0;border-radius:3px;justify-content:flex-start;gap:8px;padding:0 6px;font-size:13px;font-weight:600}.workspace-switcher:hover{background:#ecebe6}.workspace-switcher-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-switcher>svg,.nav-item>svg{color:var(--muted)}.nav-item{width:calc(100% + 12px);height:30px;min-height:30px;color:var(--ink);text-align:left;border:0;border-radius:3px;justify-content:flex-start;align-items:center;gap:8px;margin:0 -6px;padding:0 6px;font-size:13px;display:flex}.nav-item:hover{background:#ecebe6}.nav-item.active,.nav-item.active:hover{background:#e6e5df;font-weight:400}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playlist-thumb,.workspace-icon{background:#e7e6e0;border:1px solid #d3d3ca;flex:0 0 20px;width:20px;height:20px;display:inline-flex;overflow:hidden}.playlist-thumb img,.workspace-icon img{object-fit:cover;width:100%;height:100%}.workspace-icon-large{flex-basis:64px;width:64px;height:64px}.playlist-nav.drop-target{outline-offset:4px;background:#eae9e1;outline:1px dashed #858578}.sidebar-group{margin-top:16px}.sidebar-label{color:var(--muted);font-size:11px}.sidebar-section{justify-content:space-between;align-items:center;min-height:32px;margin:22px 0 0;display:flex}.sidebar-section .icon-button{margin-right:-8px}.main-content{width:100%;min-width:0;max-width:980px;margin:0;padding:24px 0 0 28px}.collection-page{width:100%}.collection-header{border-bottom:1px solid var(--ink);grid-template-columns:260px minmax(0,1fr);gap:24px;margin-bottom:0;padding-bottom:24px;display:grid}.artwork{grid-area:1/1;width:100%}.cover{aspect-ratio:1;background:#e7e7e2;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.cover img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.cover span{font-size:12px;text-decoration:underline}.cover:disabled{opacity:1}.artwork .error{margin-top:6px}.collection-info{flex-direction:column;grid-area:1/2;align-items:flex-start;min-width:0;padding:0;display:flex}.collection-heading{justify-content:space-between;align-items:flex-start;gap:14px;width:100%;display:flex}.collection-title{min-width:0}.collection-title h1{font-size:36px;line-height:1.08}.collection-meta{color:var(--muted);margin-top:10px;font-size:12px}.collection-play{border-radius:0;min-width:86px;min-height:36px;margin-top:24px;font-size:13px}.description{color:#555;white-space:pre-wrap;max-width:560px;margin-top:18px;font-size:14px;line-height:1.6}.library-header{padding-bottom:22px;display:block}.library-header .collection-play{margin-top:16px}.library-header .collection-title h1{font-size:30px}.action-menu{flex:none;position:relative}.menu-trigger{border:0;width:36px;height:36px;min-height:36px;padding:0}.menu-items{z-index:25;border:1px solid var(--line);background:var(--paper);width:210px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 3px 12px #2020200a}.menu-items>button,.menu-items>a{border:0;justify-content:flex-start;width:100%;min-height:40px;padding:10px;font-size:13px;text-decoration:none;display:flex}.menu-items>button:hover,.menu-items>a:hover{background:#e7e7e2}.menu-items>.mobile-menu-item{display:none}.menu-items-left{width:260px;top:calc(100% + 6px);left:0;right:auto}.menu-items>.workspace-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 10px;line-height:1.3}.workspace-row>span{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-row>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-row small{color:var(--muted);font-size:11px}.workspace-row svg{color:var(--ink)}.menu-divider{border:0;border-top:1px solid var(--line);margin:5px 0}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.list-toolbar input{max-width:260px}.list-toolbar .muted{font-size:12px}.track-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 40px 36px;align-items:center;gap:10px;min-height:44px;display:grid}.track-name{text-align:left;overflow-wrap:anywhere;border:0;justify-content:flex-start;min-width:0;min-height:44px;padding:8px 0;font-size:14px}.track-row>div:last-child:empty{display:none}.track-name:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}.track-title{flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;display:flex}.version-run{flex-wrap:wrap;align-items:baseline;column-gap:16px;min-width:0;display:flex}.version-chip{max-width:140px;min-height:22px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:11px;line-height:22px;display:block;overflow:hidden}.version-chip.is-row{color:var(--ink)}.version-chip.is-current{text-underline-offset:3px;text-decoration:underline}.track-play-button{color:#666;border:0;width:28px;height:34px;min-height:34px;padding:0}.row-number{font-variant-numeric:tabular-nums;font-size:12px}.track-play-button:has(.row-number:not(:empty)) svg{display:none}.track-row:hover .track-play-button svg,.track-play-button:focus-visible svg,.track-play-button.is-playing svg{display:block}.track-row:hover .row-number,.track-play-button:focus-visible .row-number,.track-play-button.is-playing .row-number{display:none}.track-time{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.version-toggle{justify-content:center;width:36px;height:36px;padding:0}.version-toggle:hover{background:#e7e7e2}.rotated{transform:rotate(90deg)}.current-track{background:#edede8}.current-track .track-name{font-weight:600}.track-group.all-versions{border-bottom:1px solid var(--line);padding-bottom:6px}.track-group.all-versions>.track-row{border-bottom:0}.version-line{grid-template-columns:20px minmax(0,auto) minmax(0,1fr) auto 40px 36px;align-items:center;gap:10px;height:30px;margin-left:38px;display:grid}.version-line button{min-height:30px}.version-line .track-play-button{width:20px;height:30px}.version-line .version-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.version-line .note{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.version-line time{white-space:nowrap}.version-status{color:var(--muted);justify-content:center;align-items:center;display:flex}.select-version{width:100%;color:var(--ink);opacity:0;justify-content:center;padding:0;font-size:11px}.version-line:hover .select-version,.version-line:focus-within .select-version,.select-version:focus-visible{opacity:1}@media (hover:none){.select-version{opacity:1}}.track-row:has(.sequence-controls){grid-template-columns:28px minmax(0,1fr) 46px 36px 96px}.sequence-controls{display:flex}.dragging{opacity:.4}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.empty-list{color:var(--muted);padding:34px 0;font-size:13px}.empty-list .text-button{margin-top:8px;text-decoration:underline}.discussion{max-width:740px;margin-top:32px}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.section-heading>span{color:var(--muted);font-size:11px}.comments{padding:20px 0}.comments>.muted{font-size:13px}.comment+.comment{margin-top:20px}.comment>div{align-items:center;gap:12px;font-size:12px;display:flex}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;font-size:14px;line-height:1.6}.comment-actions{gap:16px;margin:5px 0;display:flex}.comment-actions .text-button{color:var(--muted);font-size:11px}.discussion textarea{min-height:78px;font-size:14px}.form-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.form-footer>button{margin-left:auto}.form-footer .muted{font-size:11px}.preview-footnote{color:var(--muted);margin-top:35px;font-size:11px}.notice{z-index:35;border:1px solid var(--line);background:#efefea;justify-content:space-between;align-items:center;gap:15px;width:min(480px,100vw - 48px);margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex;position:fixed;bottom:104px;left:24px}.notice-text{color:var(--muted);font-size:13px}.back-link{margin-bottom:20px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.page-heading>div{min-width:0}.page-heading h1{font-size:25px;font-weight:400}.page-meta{flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;display:flex}.page-meta .text-button{min-height:34px;color:var(--muted);margin:-11px 0;padding:0;font-size:12px}.meta-separator{color:#bfbfb9;margin:0 6px}.page-heading .description{margin-top:12px}.track-detail-layout{max-width:820px;display:block}.detail-aside{display:none}.version-detail{border-bottom:1px solid var(--line);padding:14px 0}.version-heading{grid-template-columns:28px minmax(0,1fr) auto auto 36px;align-items:center;gap:10px;display:grid}.version-heading:has(.sequence-controls){grid-template-columns:28px minmax(0,1fr) auto auto 64px 36px}.version-heading>.action-menu{grid-column:-2/-1}.version-identity{min-width:0}.version-identity strong{font-size:14px;font-weight:400}.version-identity small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.version-duration{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.version-heading time{white-space:nowrap}.version-notes{color:#555;white-space:pre-wrap;margin:8px 0 0 38px;font-size:13px}.pin-description{color:var(--muted);flex-wrap:wrap;align-items:center;margin:6px 0 0 38px;font-size:11px;display:flex}.pin-description .text-button{min-height:34px;color:var(--ink);margin:-11px 0;padding:0;font-size:11px}.attachments{margin:12px 0 0 38px;padding:0;list-style:none}.attachments li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attachments li span{color:var(--muted);font-size:11px}.attachments button{overflow-wrap:anywhere;word-break:break-word}.player{z-index:10;background:var(--paper);border-top:1px solid var(--ink);align-items:center;gap:24px;padding:14px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-title{flex-shrink:0;width:210px;min-width:0}.player-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.player-title span{color:var(--muted);font-size:11px;display:block}.transport{align-items:center;gap:7px;display:flex}.player-play{border:0;width:36px;height:36px;padding:0}.scrubber{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.scrubber>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.waveform{flex:1;align-items:center;min-width:0;height:24px;display:flex;position:relative}.waveform input{width:100%}.waveform svg{fill:#aaa;width:100%;height:24px}.waveform rect.played{fill:var(--ink)}.waveform.has-peaks input{opacity:0;height:100%;position:absolute;inset:0}.volume{align-items:center;gap:10px;width:90px;display:flex}.volume input{width:66px}dialog{border:1px solid var(--line);background:var(--paper);width:500px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:0;padding:0;box-shadow:0 8px 32px #00000012}dialog::backdrop{background:#00000040}.modal-content{padding:24px}.modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.modal-heading h2{letter-spacing:-.5px;font-size:22px;font-weight:500}.stack-form{flex-direction:column;gap:18px;display:flex}.stack-form label{font-size:13px}.stack-form>.muted,.modal-content>.muted{font-size:13px;line-height:1.6}.stack-form input[type=file]{padding:12px;font-size:12px}.stack-form input[type=file]::file-selector-button{font:inherit;background:#efefea;border:1px solid #aaa;margin-right:10px;padding:7px 9px}.stack-form progress{width:100%;accent-color:var(--ink)}.stack-form .form-footer{margin:0}.picker-search{margin-top:20px}.track-picker{max-height:360px;margin:15px 0;overflow-y:auto}.track-picker>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.track-picker small{color:var(--muted);font-size:11px;display:block}.member-list{margin:20px 0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.member-list li>span{flex-direction:column;gap:4px;min-width:0;display:flex}.member-list small,.member-list li>span>span{color:var(--muted);font-size:11px}.member-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.member-actions select{width:auto;font-size:12px}.settings-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.fine-print{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.6}.feedback-entry{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.feedback-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.feedback-entry small{color:var(--muted)}.view-only .edit-action{display:none}.first-workspace-layout{display:block}.first-workspace-layout .main-content{max-width:500px;margin:0 auto;padding:50px 0}.first-workspace>p{color:var(--muted);margin:18px 0 30px}.workspace-form details{padding:12px 0}.workspace-form summary{cursor:pointer;font-size:13px}.workspace-form details>label{margin-top:18px}.workspace-form details>p{margin-top:10px}.auth-page{width:100%;max-width:470px;margin:60px auto;padding:0 24px}.auth-description{color:#666;max-width:360px;margin-bottom:32px;font-size:14px;line-height:1.6}.auth-intro{margin-bottom:32px}.auth-page form{flex-direction:column;gap:12px;display:flex}.auth-page form label{font-size:12px}.auth-page form input{min-height:44px}.auth-page form>button{min-height:40px;margin-top:4px}.auth-secondary{flex-wrap:wrap;gap:20px;margin-top:18px;display:flex}.public-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:60px;padding-top:18px;font-size:11px;display:flex}.public-footer nav{gap:16px;display:flex}.invite-note{border:1px solid var(--line);margin-bottom:20px;padding:12px;font-size:13px}.legal-page{max-width:690px}.legal-page article{margin-top:40px;line-height:1.7}.legal-page h1{margin-bottom:16px}.legal-page h2{margin:26px 0 10px;font-size:16px}.legal-page article p{margin-bottom:16px}@media (width>=1600px){.workspace-layout{grid-template-columns:208px minmax(0,1fr)}.main-content{padding-left:32px}.collection-header{grid-template-columns:310px minmax(0,1fr)}}@media (width<=1050px) and (width>=761px){.workspace-layout{grid-template-columns:162px minmax(0,1fr);padding-left:20px;padding-right:20px}.main-content{padding-left:22px}.sidebar{padding-right:16px}.sidebar>nav{margin-right:-16px;padding-right:16px}.topbar{padding:0 20px}.collection-header{grid-template-columns:200px minmax(0,1fr);gap:20px}.collection-title h1{font-size:29px}.volume{display:none}.player-title{width:160px}}@media (width<=760px){input,textarea,select{font-size:16px}button{min-height:40px}.topbar{height:50px;padding:0 18px}.wordmark{font-size:18px}.workspace-layout{min-height:calc(100dvh - 50px);padding:0 0 120px;display:block}.sidebar{display:none}.sidebar.is-open{border:0;border-bottom:1px solid var(--ink);height:auto;margin-left:0;padding:20px;display:block;position:static}.sidebar.is-open>.action-menu{display:none}.sidebar.is-open>nav{margin:0;padding:0;overflow:visible}.sidebar.is-open .sidebar-group{margin-top:0}#root:has(.player:not([hidden])) .sidebar.is-open{padding-bottom:20px}.sidebar .nav-item{height:40px;min-height:40px}.menu-items>.mobile-menu-item{display:flex}.main-content{max-width:none;padding:0}.main-content>.notice{margin:16px}.collection-header{border-bottom:1px solid var(--ink);flex-direction:column;gap:0;margin-bottom:0;padding-bottom:20px;display:flex}.collection-header .artwork{order:-1}.collection-info{grid-template-columns:minmax(0,1fr) auto;gap:16px;width:100%;padding:20px 18px 0;display:grid}.collection-heading{grid-column:1/-1}.collection-title h1{font-size:27px}.collection-meta{margin-top:7px;font-size:12px}.collection-play{justify-self:start;min-width:80px;min-height:36px;margin:0}.description{grid-column:1/-1;margin:0}.library-header .collection-info{padding-top:28px}.library-header .collection-play{margin:0}.track-section,.project-aside>.discussion{margin-left:18px;margin-right:18px}.track-row{grid-template-columns:23px minmax(0,1fr) 36px 30px 0;gap:6px;min-height:54px}.track-name{min-height:54px;font-size:15px;line-height:1.45}.track-play-button{width:23px;min-height:44px}.version-toggle{width:30px;height:44px}.track-time{font-size:11px}.track-row:has(.sequence-controls){grid-template-columns:23px minmax(0,1fr) 36px 30px}.track-row:has(.sequence-controls)>div:last-child{grid-column:2/-1;justify-self:end;padding-bottom:8px}.version-run{flex-basis:100%}.version-line{grid-template-columns:24px minmax(0,1fr) 34px 44px;gap:6px;height:40px;margin-left:30px}.version-line button{min-height:40px}.version-line .track-play-button{width:24px;height:40px}.version-line time,.version-line .note{display:none}.page-meta .text-button,.pin-description .text-button{min-height:40px;margin:-14px 0}.main-content:has(.back-link){padding:22px 18px}.page-heading{gap:14px}:is(.version-heading,.version-heading:has(.sequence-controls)){grid-template-columns:24px minmax(0,1fr) auto auto 36px;gap:6px}.version-heading .sequence-controls{grid-area:2/2/auto/-1;justify-self:end}.version-notes,.pin-description,.attachments{margin-left:30px}.notice{align-items:flex-start}.preview-footnote{margin:30px 18px 0}.player{padding:10px 16px calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;display:grid}.player-title{width:auto}.scrubber{grid-column:1/-1}.volume{display:none}.transport{gap:3px}.transport button{min-width:36px;min-height:40px}.first-workspace-layout .main-content{padding:35px 20px}.modal-content{padding:20px}.member-list li,.form-footer{flex-wrap:wrap}.auth-page{margin:40px auto}}.header-actions{align-items:center;gap:18px;display:flex}.upload-status{font-size:12px}.upload-draft{border-top:1px solid var(--line);gap:14px;padding-top:14px;display:grid}.upload-filename{color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.upload-job{border-bottom:1px solid var(--line);padding:15px 0}.upload-job>strong,.upload-job>span{display:block}.upload-job>span{margin-top:3px;font-size:12px}.upload-job progress{width:100%;accent-color:var(--ink);margin-top:8px}.upload-job .error,.upload-job>p{margin-top:8px;font-size:12px}.upload-drop .fine-print{margin-top:8px;display:block}.upload-drop{align-items:center;gap:12px;display:flex}.upload-drop input[hidden]{display:none}.upload-drop .fine-print{margin:0}.upload-notes summary{cursor:pointer;color:var(--muted);font-size:12px}.upload-notes textarea{width:100%;margin-top:10px}.track-page>.page-heading,.track-page>.track-detail-layout,.track-page>.discussion{width:100%;max-width:960px}.topbar,.collection-header,.section-heading,.player{border-color:var(--line)}.workspace-layout{padding-bottom:0}.main-content{padding-bottom:130px}.sign-in-page{min-height:calc(100dvh - 52px);padding-top:54px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;margin-top:0;margin-bottom:0;display:flex}.sign-in-page .public-footer{margin-top:auto;padding-top:18px}.sign-in-page form,.sign-in-page .auth-secondary{margin-bottom:32px}.beta-label{color:var(--muted);margin-bottom:12px;font-size:12px}@media (width<=760px){.sign-in-page{min-height:calc(100dvh - 50px);padding-top:36px}}.topbar{justify-content:flex-start;gap:26px}.header-actions{margin-left:auto}.avatar{background:#e7e7e2;border:1px solid #bcbcb8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-large{width:64px;height:64px;font-size:20px}.account-photo{align-items:center;gap:18px;margin-bottom:24px;display:flex}.photo-picker{cursor:pointer;font-size:13px;text-decoration:underline;display:block}.photo-picker:focus-within{outline:2px solid var(--ink);outline-offset:3px}@media (width<=760px){.topbar{gap:16px}.menu-items-left{max-width:calc(100vw - 36px)}.header-actions{gap:8px}.upload-status{max-width:70px;font-size:11px;line-height:1.3}}.mobile-library-nav{display:none}.sidebar-label,.section-heading h2{letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:400}.collection-title h1{letter-spacing:-.45px;font-size:25px;font-weight:400;line-height:1.2}.collection-meta{margin-top:7px;font-size:11px}.collection-play{background:0 0;min-height:34px;margin-top:16px;font-size:12px}.track-name{font-size:13px}.discussion{max-width:none}.section-heading{padding-bottom:10px}.comment p{font-size:13px}@media (width>=761px){.main-content{max-width:1220px;padding:24px 0 130px 28px}.playlist-page{grid-template-columns:minmax(220px,.8fr) minmax(350px,1.2fr);align-items:start;column-gap:28px;display:grid}.playlist-page .collection-header{display:contents}.playlist-page .project-aside{grid-area:1/1/span 2;align-self:start;position:sticky;top:76px}.playlist-page .collection-info{border-bottom:1px solid var(--line);grid-area:1/2;padding-bottom:18px}.playlist-page .track-section{grid-area:2/2}.project-aside>.discussion{margin-top:30px}.library-page,.track-detail-layout{max-width:820px}.library-header .collection-title h1{font-size:25px}}@media (width>=761px) and (width<=1050px){.main-content{padding-left:20px}.playlist-page{grid-template-columns:minmax(170px,.7fr) minmax(300px,1.3fr);column-gap:20px}}@media (width<=760px){.mobile-library-nav{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:42px;padding:0 18px;display:flex}.mobile-library-nav .text-button{min-height:42px;font-size:11px}.mobile-library-nav .active{text-underline-offset:5px;text-decoration:underline}.mobile-library-nav>.action-menu{flex:0 auto;min-width:0;margin-left:-6px}.mobile-library-nav>.text-button{flex:none}.mobile-library-nav .workspace-switcher{width:auto;max-width:100%;height:42px;min-height:42px}.mobile-library-nav .workspace-switcher-name{max-width:140px}.mobile-library-nav .workspace-icon{flex-basis:18px;width:18px;height:18px}.workspace-layout{min-height:calc(100dvh - 92px)}.collection-info{gap:12px;padding-top:18px}.collection-title h1{font-size:23px}.collection-header{padding-bottom:18px}.collection-play{min-height:40px}.track-row{grid-template-columns:24px minmax(0,1fr) 34px 44px;gap:6px}.track-name{min-height:40px;padding:0;font-size:14px}.track-title{padding:2px 0}.version-chip{min-height:32px;line-height:32px}.version-toggle{width:44px}.sidebar.is-open{border-bottom:1px solid var(--line);padding:14px 18px 20px}.sidebar .sidebar-section{margin-top:10px}.main-content{padding-bottom:135px}.description{font-size:13px}.playlist-page{flex-direction:column;display:flex}.playlist-page .collection-header,.project-aside{display:contents}.playlist-page .collection-info{padding-bottom:18px}.playlist-page:has(.project-aside>.description) .collection-info{padding-bottom:12px}.project-aside>.description{margin:0 18px 18px}.playlist-page .track-section:before{content:"";border-top:1px solid var(--line);margin:0 -18px;display:block}.project-aside>.discussion{order:1}}.upload-destination{color:var(--muted);margin-top:-6px;font-size:12px}.upload-destination strong{color:var(--ink);font-weight:400}.upload-activity{border:1px solid var(--line);background:#f1f1ed;margin-bottom:24px;padding:12px 16px}.upload-activity-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.upload-activity-heading h2{font-size:11px;font-weight:500}.upload-activity-heading>div{gap:14px;display:flex}.upload-activity-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 160px auto;align-items:center;gap:18px;padding:8px 0;display:grid}.upload-activity-row strong{overflow-wrap:anywhere;font-size:12px;font-weight:400}.upload-activity-row>div:first-child>span{color:var(--muted);font-size:11px;display:block}.upload-progress{text-align:right;font-size:11px}.upload-progress progress{width:100%;height:3px;accent-color:var(--ink);margin-top:6px;display:block}.upload-activity>p{color:var(--muted);margin-top:6px;font-size:11px}.pending-track{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:5px;padding:10px 0;display:grid}.pending-track strong{font-size:13px;font-weight:400}.pending-track small{color:var(--muted);margin-left:8px}.pending-track span{font-size:11px}.pending-track progress{width:100%;height:2px;accent-color:var(--ink);grid-column:1/-1}.track-upload-note{color:var(--muted);margin-top:2px;font-size:11px;display:block}@media (width<=760px){.upload-activity{margin:14px 18px;padding:10px 12px}.upload-activity-row{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.upload-activity-row>button{grid-column:1/-1}.upload-activity-heading .text-button{font-size:11px}}@media (width<=400px){.version-heading time{display:none}:is(.version-heading,.version-heading:has(.sequence-controls)){grid-template-columns:24px minmax(0,1fr) auto 36px}}