:root{color-scheme:dark;--bg:#141414;--sidebar:#181818;--surface:#202020;--hover:#292929;--line:#303030;--text:#f5f5f5;--muted:#969696;--subtle:#707070;--danger:#ef9797;--sidebar-width:220px;--player-height:112px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}.member-role{max-width:88px;padding:6px!important;font-size:11px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #ddd;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.15;letter-spacing:-1.3px}h2{font-size:20px;line-height:1.3;letter-spacing:-.4px}h3{font-size:16px;margin:24px 0 10px}p{line-height:1.6}svg{flex-shrink:0}::selection{background:#505050}input:not([type=range]):not([type=checkbox]),select,textarea{width:100%;padding:12px 13px;color:var(--text);border:1px solid #3a3a3a;border-radius:7px;background:#202020;font-size:14px;line-height:1.45}input::placeholder,textarea::placeholder{color:#828282}textarea{resize:vertical}input[type=checkbox]{accent-color:#e7e7e7;width:16px;height:16px}input[type=range]{accent-color:#f5f5f5;height:3px;min-width:0;cursor:pointer}label{display:block;color:#b9b9b9;font-size:13px}form>label{margin-bottom:18px}label>input:not([type=checkbox]),label>select,label>textarea{margin-top:7px}.checkbox{display:flex}.button,.checkbox{gap:9px;align-items:center}.button{display:inline-flex;justify-content:center;min-height:42px;padding:0 18px;border-radius:7px;font-size:14px;font-weight:500;border:1px solid transparent;white-space:nowrap;transition:background .16s,transform .16s}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:#f4f4f4;color:#171717;border-color:#f4f4f4}.button.primary:hover:not(:disabled){background:#dcdcdc}.button.secondary{border-color:#3e3e3e;background:transparent}.button.secondary:hover:not(:disabled){background:#292929;border-color:#5b5b5b}.button.subtle{min-height:32px;padding:0 10px;font-size:12px;background:#252525}.button.subtle:hover{background:#333}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:34px;height:34px;flex-shrink:0;color:#a5a5a5;border-radius:6px;padding:0}.icon-button.active,.icon-button:hover:not(:disabled){color:#fff;background:#303030}.text-button{font-size:13px;color:#bcbcbc;padding:10px 0}.text-button:hover{color:white}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#f3a3a3;font-size:13px;padding:10px 0}.notice{font-size:13px;background:#2c2923;color:#d7c299;border:1px solid #544a36;border-radius:6px;padding:12px;margin:10px 0}.danger{color:var(--danger)!important}.danger-button{background:#753535;border:1px solid #aa5757;color:#fff}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1.1px;line-height:1;white-space:nowrap;padding:0}.avatar{width:31px;height:31px;border-radius:50%;background:#363636;display:inline-flex;align-items:center;justify-content:center;color:#ddd;font-size:13px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=file].sr-only{display:none}.spinner{width:17px;height:17px;display:inline-block;border:2px solid #777;border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}.loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:200px;color:#929292}.page-loading{padding:32px;min-height:100vh}.page-loading .loading{height:70vh}@keyframes spin{to{transform:rotate(1turn)}}.app-shell{min-height:100dvh;padding-left:var(--sidebar-width)}.app-shell.has-player{padding-bottom:var(--player-height)}.sidebar{width:var(--sidebar-width);position:fixed;left:0;top:0;bottom:0;background:var(--sidebar);border-right:1px solid #2b2b2b;display:flex;flex-direction:column;z-index:30;padding:28px 14px 18px}.has-player .sidebar{bottom:var(--player-height)}.sidebar>.wordmark{text-align:left;margin:4px 12px 39px}.sidebar nav{display:flex;flex-direction:column;gap:6px;overflow:auto}.sidebar nav>button{display:flex;align-items:center;gap:13px;text-align:left;padding:11px 12px;border-radius:6px;font-size:14px;color:#bbb;min-width:0}.sidebar nav>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav>button.selected,.sidebar nav>button:hover{background:#2a2a2a;color:#f3f3f3}.folder-label{display:flex;justify-content:space-between;align-items:center;padding:28px 8px 9px 12px;color:#909090;font-size:12px}.folder-label button{width:24px;height:24px}.sidebar-hint{font-size:12px;color:#686868;padding:0 12px}.sidebar-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:24px 8px 0;font-size:13px;min-width:0}.sidebar-account>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-menu{margin-left:auto;position:relative}.account-menu>.menu{bottom:calc(100% + 10px);top:auto;right:-2px;width:205px}.mobile-menu,.sidebar-scrim{display:none}.topbar{height:82px;justify-content:space-between;padding:0 38px}.breadcrumb,.topbar{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:14px;min-width:0}.breadcrumb button{padding:0;color:#a8a8a8}.breadcrumb>span{color:#727272}.breadcrumb strong{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;gap:12px;align-items:center;margin-left:auto}.topbar-right>.avatar{width:34px;height:34px}.page-error{margin:0 38px;display:flex;align-items:center;gap:20px}.library{padding:24px 38px 50px;max-width:1600px;margin:auto}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.library-heading h1{font-size:34px;letter-spacing:-1px}.library-heading p{color:#8e8e8e;margin-top:9px;font-size:14px}.library-actions{display:flex;gap:10px;align-items:center}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.library-toolbar>span{font-size:12px;color:#828282;white-space:nowrap}.search-field{display:flex;align-items:center;gap:10px;color:#8a8a8a;width:270px}.search-field input:not([type=range]){border:0;margin:0;background:transparent;padding:8px 0;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:32px 26px}.project-card{min-width:0;position:relative}.project-open{width:100%;display:block;text-align:left;padding:0}.project-open .artwork{width:100%;aspect-ratio:1;border-radius:8px;transition:filter .2s}.project-open:hover .artwork{filter:brightness(1.13)}.project-open h2{font-size:15px;line-height:1.4;letter-spacing:-.1px;margin:15px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.project-open p{font-size:12px;color:#929292}.card-play{position:absolute;right:13px;top:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;height:38px;width:38px;background:rgba(12,12,12,.7);color:#fff;opacity:0;transition:opacity .15s}.project-card:focus-within .card-play,.project-card:hover .card-play{opacity:1}.card-play:disabled{display:none}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:390px;justify-content:center;color:#777;gap:18px}.empty-state h2{font-size:23px;color:#e5e5e5;letter-spacing:-.7px}.empty-state p{font-size:14px;color:#949494;margin-bottom:24px}.empty-state>.button{margin-top:15px}.artwork{position:relative;overflow:hidden;background:#222;flex-shrink:0;border-radius:7px;padding:0;display:block}.artwork img{width:100%;height:100%;object-fit:cover;display:block}.artwork-empty{width:100%;height:100%;min-height:inherit;position:relative;background:#242424;display:flex;align-items:center;justify-content:center;color:#454545}.artwork-empty>svg{width:48%;height:48%}.artwork-empty>span{position:absolute;right:14px;bottom:10px;font-size:12px;color:#777;letter-spacing:2px}.artwork-edit{position:absolute;bottom:0;left:0;right:0;padding:9px 4px;font-size:11px;text-align:center;background:#111b;opacity:0;transition:opacity .15s}.artwork:focus-visible>.artwork-edit,.artwork:hover>.artwork-edit{opacity:1}.project-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 82px)}.has-player .project-layout{min-height:calc(100dvh - 82px - var(--player-height))}.project-layout.with-panel{grid-template-columns:minmax(0,1fr) 305px}.project-main{padding:22px 38px 46px;min-width:0}.project-header{display:flex;gap:28px;align-items:center;min-width:0;margin-bottom:42px}.project-header>.artwork{width:174px;height:174px;border:1px solid #303030}.project-heading{flex:1 1;min-width:0}.project-heading h1,.project-title{font-size:36px;line-height:1.14;letter-spacing:-1.2px;font-weight:700}.project-title .inline-edit{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;line-height:inherit;overflow-wrap:anywhere}.project-title .inline-edit svg{opacity:0;width:14px}.project-title .inline-edit:hover svg{opacity:.7}.inline-edit{padding:0;display:flex;gap:12px;align-items:center;max-width:100%}.project-title input:not([type=range]){font-size:28px;padding:3px 8px;font-weight:700}.inline-name>.error{display:block;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}.project-description{color:#aaa;font-size:15px;margin-top:10px;overflow-wrap:anywhere;white-space:pre-line;max-height:95px;overflow:auto}.project-meta{color:#848484;font-size:12px;margin-top:8px}.project-actions{display:flex;gap:10px;align-items:center;margin-top:23px;flex-wrap:wrap}.project-actions .button{min-height:40px;padding:0 16px}.project-options{margin-left:1px}.track-table{width:100%;font-size:14px}.track-table-heading{display:grid;grid-template-columns:54px minmax(0,1fr) 86px 84px;gap:0;color:#818181;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:0 12px 13px}.track-table-heading span:nth-child(3){text-align:right}.track-row{display:grid;grid-template-columns:54px minmax(0,1fr) 86px 84px;align-items:center;position:relative;padding:7px 10px;min-height:61px;border-bottom:1px solid #2b2b2b;gap:0}.track-row:hover{background:#1e1e1e}.track-row.is-playing{border-radius:6px;background:#262626;border-color:#262626}.track-number{display:flex;align-items:center;color:#8a8a8a;font-size:12px;gap:3px}.drag-grip{width:13px;opacity:0;cursor:grab;display:flex;margin-left:-7px;margin-right:2px}.track-row:hover .drag-grip{opacity:1}.track-row.dragging{opacity:.4}.track-play{text-align:left;min-width:0;gap:12px;padding:8px 0;color:#ddd}.track-play,.track-play-icon{display:flex;align-items:center}.track-play-icon{width:19px;color:#adadad;flex-shrink:0}.track-row:not(.is-playing):not(:hover) .track-play-icon{opacity:0}.track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.track-title-editor{min-width:0;padding-right:12px}.track-title-editor input:not([type=range]){font-size:14px;padding:7px 8px;width:100%}.track-version{font-size:11px;color:#797979;flex-shrink:0;margin-right:13px}.track-duration{text-align:right;color:#939393;font-size:12px}.track-controls{display:flex;justify-content:flex-end;align-items:center;margin-left:12px}.track-controls .icon-button{width:30px}.track-controls small{font-size:9px}.track-menu{position:relative}.account-menu>summary,.track-menu>summary{list-style:none;cursor:pointer}.account-menu>summary::-webkit-details-marker,.track-menu>summary::-webkit-details-marker{display:none}.menu{z-index:60;position:absolute;right:0;top:100%;min-width:200px;background:#262626;border:1px solid #414141;box-shadow:0 10px 40px #0007;border-radius:8px;padding:5px}.menu button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:10px 12px;font-size:12px;border-radius:5px;white-space:nowrap}.menu button:hover{background:#353535}.drop-zone{border:1px dashed #454545;border-radius:7px;width:100%;min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#b5b5b5;margin-top:26px;padding:22px 12px}.drop-zone svg{margin-bottom:2px}.drop-zone span{font-size:14px}.drop-zone small{color:#777;font-size:12px}.drop-zone:hover{border-color:#888;background:#1c1c1c}.drop-overlay{position:fixed;inset:12px;background:#181818f5;border:2px dashed #888;z-index:100;pointer-events:none;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}.drop-overlay h2{font-size:30px}.drop-overlay p{color:#aaa}.track-panel{border-left:1px solid #2b2b2b;display:flex;flex-direction:column;min-width:0;height:calc(100dvh - 82px);position:sticky;top:0}.has-player .track-panel{height:calc(100dvh - 82px - var(--player-height))}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 18px;gap:12px}.panel-heading h2{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:23px;border-bottom:1px solid #303030;padding:0 22px}.tabs>button{color:#909090;padding:14px 0;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs>button.selected{color:#f0f0f0;border-color:#eee}.tabs span{font-size:10px;margin-left:3px;color:#777}.track-panel>.error{padding:12px 22px}.comment-list{overflow:auto;flex:1 1;padding:24px 22px}.comment{display:flex;gap:12px;margin-bottom:29px}.comment>.avatar{width:31px;height:31px;margin-top:1px}.comment>div{min-width:0;flex:1 1;position:relative}.comment-meta{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:12px}.comment-meta strong{font-weight:500;max-width:115px;overflow:hidden;text-overflow:ellipsis}.comment-meta>span{font-size:10px;color:#717171}.timestamp{margin-left:auto;color:#aaa;font-size:11px;padding:0}.timestamp:hover{text-decoration:underline;color:#fff}.comment p{font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;color:#c4c4c4}.comment-delete{color:#777;padding:5px 0;opacity:0}.comment:focus-within .comment-delete,.comment:hover .comment-delete{opacity:1}.comment-form{padding:16px 22px 26px;margin-top:auto}.comment-version{font-size:10px;color:#777;margin-bottom:9px}.comment-form .checkbox{font-size:11px;margin-bottom:8px}.comment-form .checkbox input{width:13px;height:13px}.comment-input{display:flex;border:1px solid #3b3b3b;border-radius:6px;padding:5px 6px;align-items:center;background:#202020}.comment-input textarea{border:0;background:none;font-size:12px;min-height:38px;max-height:120px;padding:8px;resize:none;line-height:1.4}.comment-input button{width:28px;height:30px}.quiet-empty{color:#777;text-align:center;font-size:13px;padding:45px 8px}.version-list{padding:22px 22px 125px;overflow:auto}.version{position:relative;padding:18px;margin-top:18px;border:1px solid #333;border-radius:20px;background:#191919}.version.is-active{border-color:#3978ff}.version-active{position:absolute;top:-9px;left:15px;padding:0 6px;font-size:11px;color:#a4a4a4;background:#191919}.version-menu{position:relative;flex:0 0 auto}.version-menu[open]{z-index:5}.version-menu .menu{width:185px;right:0;top:34px;border-radius:18px}.version-menu .menu>button{min-height:40px}.version-menu .danger-text{color:#ff525c}.version-notice{color:#aaa;font-size:12px;padding:0 22px}.version-confirm{max-width:400px;text-align:center;border-radius:24px}.version-confirm .modal-heading{justify-content:center;position:relative;padding-right:0}.version-confirm .modal-heading h2{font-size:24px}.version-confirm .modal-heading>button{position:absolute;right:-12px;top:-12px}.version-confirm>p{color:#aaa;font-size:14px;overflow-wrap:anywhere;line-height:1.6}.version-confirm .version-delete-detail{font-size:12px;color:#929292;margin-bottom:24px}.version-confirm>.button{border-radius:40px;min-height:50px;margin-top:10px}.version-confirm .version-delete-button{color:#ff525c;background:#351d20}.version-confirm .version-delete-button:hover{background:#482328}.version-rename .muted{font-size:12px;margin:12px 0}.version-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px;margin-bottom:5px}.version-heading>strong{overflow-wrap:anywhere;min-width:0}.version-heading>span{font-size:10px}.version p{font-size:12px;margin:7px 0;overflow-wrap:anywhere;color:#bebebe}.version>.muted{font-size:11px;line-height:1.7;display:block}.version-actions{display:flex;gap:8px;margin-top:13px}.player{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);border-top:1px solid #333;background:#181818;display:grid;grid-template-columns:260px minmax(220px,1fr) 250px;align-items:center;padding:10px 26px;gap:26px;z-index:80}.now-playing{display:flex;gap:14px;align-items:center;min-width:0}.now-playing>.artwork{width:52px;height:52px;border-radius:4px}.now-playing>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.now-playing strong{font-size:13px;font-weight:500}.now-playing span,.now-playing strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing span{font-size:12px;color:#8c8c8c}.player-center{width:100%;max-width:610px;justify-self:center;flex-direction:column;gap:8px}.player-center,.transport{display:flex;align-items:center}.transport{gap:21px}.play-round{border-radius:50%;background:#f4f4f4;color:#161616;display:flex;align-items:center;justify-content:center;width:38px;height:38px}.play-round:hover{background:#ddd}.play-round svg{width:16px}.seek{display:flex;align-items:center;gap:13px;width:100%;font-size:10px;color:#999}.seek input{flex:1 1;width:100%}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#999}.player-right>input{width:83px}.player-error{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#342424;border:1px solid #674141;border-radius:7px;padding:10px 16px;color:#f6bcbc;font-size:12px;display:flex;align-items:center;gap:15px;max-width:90vw}.player-error>button{color:white;white-space:nowrap}.queue-panel{position:fixed;bottom:calc(var(--player-height) + 12px);right:15px;width:350px;max-height:60vh;overflow:auto;background:#222;border:1px solid #444;box-shadow:0 18px 60px #0008;border-radius:9px;z-index:85}.queue-panel .panel-heading{padding:18px}.queue-row{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:15px 20px;font-size:12px}.queue-row strong{flex:1 1;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row span{color:#929292;font-size:11px}.queue-row.selected,.queue-row:hover{background:#303030}.modal{background:#1e1e1e;color:var(--text);border:1px solid #3c3c3c;border-radius:12px;box-shadow:0 25px 100px #0008;padding:26px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto}.modal.wide{width:min(640px,calc(100vw - 32px))}.modal::backdrop{background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.modal-heading h2{font-size:21px}.modal>p{font-size:13px;color:#aaa;margin-bottom:18px}.modal-tabs{padding:0;margin:0 0 20px}.modal-tabs>button{padding-top:0;padding-bottom:14px}.form-section{padding-top:10px}.form-section>label{margin-bottom:17px}.copy-result{display:flex;align-items:center;gap:6px;border:1px solid #454545;background:#292929;border-radius:6px;padding:4px;margin-top:18px}.copy-result input:not([type=range]){border:0;background:none;padding:9px;font-size:11px;color:#aaa}.share-list{margin-top:20px}.share-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #303030;font-size:12px}.share-row>span:nth-last-child(2){flex:1 1;min-width:0}.share-row small{display:block;color:#848484;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.share-row>button{margin-left:auto}.share-row .text-button{font-size:11px}.share-row:last-child{border:0}.delete-confirm{border-top:1px solid #363636;margin-top:20px;padding-top:18px}.delete-confirm p{font-size:13px;color:#c9b0b0;margin-bottom:15px}.storage-summary{display:flex;align-items:baseline;gap:9px;margin:12px 0}.storage-summary strong{font-size:25px;font-weight:500}.storage-summary span{font-size:12px;color:#999}.storage-progress{width:100%;height:5px;border:0;accent-color:#bbb}.storage-progress::-webkit-progress-bar{background:#383838;border-radius:4px}.storage-progress::-webkit-progress-value{background:#ccc;border-radius:4px}.usage-list{margin-top:16px}.upload-tray{position:fixed;bottom:110px;right:18px;width:330px;max-width:calc(100vw - 32px);background:#252525;border:1px solid #414141;border-radius:9px;z-index:90;box-shadow:0 12px 50px #0007}.upload-tray-heading{display:flex;align-items:center;gap:11px;padding:11px 13px;font-size:12px}.upload-tray-heading strong{flex:1 1;font-weight:500}.upload-tray-heading .icon-button{width:27px;height:27px}.upload-jobs{max-height:280px;overflow:auto;border-top:1px solid #353535;padding:0 14px}.upload-job{position:relative;display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #3a3a3a}.upload-job>div{flex:1 1;min-width:0}.upload-job strong{display:block;font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-job span{display:block;font-size:10px;color:#aaa;margin-top:4px}.upload-job>progress{position:absolute;bottom:0;height:2px;width:100%;accent-color:#eee}.auth-page{min-height:100dvh;padding:35px 44px;position:relative}.auth-content{width:350px;max-width:100%;margin:70px auto 80px;text-align:center}.auth-symbol{width:105px;height:105px;display:flex;align-items:center;justify-content:center;color:#b0b0b0;margin:0 auto 32px;background:#262626;border:1px solid #3d3d3d;border-radius:24px}.auth-content h1{font-size:28px;line-height:1.25;letter-spacing:-.8px}.auth-content>p{color:#8b8b8b;font-size:13px;margin:13px 0 27px}.auth-content form{text-align:left;margin-top:30px}.auth-content form>label{font-size:12px}.auth-content form>.button{margin-top:6px}.auth-content>.text-button{margin-top:17px;font-size:12px}.auth-content>.auth-footnote{font-size:11px;line-height:1.7;color:#666;margin:24px 8px}.auth-domain{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;color:#626262}.recovery-code{display:block;padding:18px 13px;border:1px solid #434343;border-radius:8px;background:#232323;word-break:break-all;color:#ddd;font-size:13px;margin:20px 0}.auth-content>.button{margin:10px 0}.shared-shell{padding-left:0}.shared-shell .topbar{border-bottom:1px solid #252525;max-width:1120px;margin:auto}.shared-shell .project-main{max-width:1120px;width:100%;margin:auto;padding-top:50px}.shared-shell .project-header{margin-bottom:42px}.shared-label{font-size:11px;color:#898989;display:flex;gap:7px;align-items:center}.join-panel,.share-lock{max-width:370px;margin:100px auto;padding:0 20px;text-align:center}.join-panel>svg,.share-lock>svg{color:#8a8a8a;margin-bottom:23px}.join-panel h1,.share-lock h1{font-size:28px;line-height:1.3;letter-spacing:-.7px}.join-panel p,.share-lock p{font-size:13px;color:#999;margin:15px 0 30px}.share-lock form{text-align:left}@media (min-width:1600px){.project-layout.with-panel{grid-template-columns:minmax(0,1fr) 350px}.project-main{padding:28px 45px 50px}.project-header>.artwork{width:205px;height:205px}.project-heading h1,.project-title{font-size:42px}.project-header{gap:34px}.track-row{min-height:67px}.drop-zone{min-height:165px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}}@media (max-width:1150px){:root{--sidebar-width:195px}.sidebar{padding-left:10px;padding-right:10px}.sidebar>.wordmark{font-size:23px}.topbar{padding:0 26px}.project-main{padding:20px 26px 38px}.project-layout.with-panel{grid-template-columns:minmax(0,1fr) 285px}.project-layout.with-panel .project-header{gap:18px;align-items:flex-start}.project-layout.with-panel .project-header>.artwork{width:112px;height:112px}.project-heading h1,.project-title{font-size:29px}.project-layout.with-panel .project-actions{margin-top:17px;gap:6px}.project-actions .button{padding:0 12px;min-height:36px;font-size:12px}.track-row,.track-table-heading{grid-template-columns:32px minmax(0,1fr) 59px 72px}.track-version{margin-right:4px}.track-play{gap:6px}.track-table-heading{font-size:9px;letter-spacing:.7px}.track-play-icon{width:15px}.project-description{font-size:13px}.project-meta{font-size:11px}.player{grid-template-columns:210px minmax(220px,1fr) 170px;gap:20px;padding:10px 20px}.player-right{gap:7px}.player-right>input{width:60px}.library{padding:22px 26px 40px}.project-grid{gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media (max-width:900px){.project-layout.with-panel{display:block}.has-player .track-panel,.track-panel{position:fixed;right:0;top:82px;width:320px;height:calc(100dvh - 82px);background:#191919;z-index:50;box-shadow:-15px 0 50px #0007}.has-player .track-panel{height:calc(100dvh - 82px - var(--player-height))}.project-layout.with-panel .project-header>.artwork{width:155px;height:155px}.project-layout.with-panel .project-header{gap:24px;align-items:center}.player{grid-template-columns:180px minmax(200px,1fr) 45px;gap:20px}.player-right>button:first-child,.player-right>input,.player-right>svg{display:none}.library-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:26px}.library-actions{align-self:flex-end;margin-top:-10px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:680px){:root{--sidebar-width:0px;--player-height:88px}.sidebar{width:235px;visibility:hidden;transform:translateX(-100%);transition:transform .2s;z-index:95;bottom:0!important;padding-top:25px}.sidebar.open{transform:translateX(0);visibility:visible}.sidebar-scrim.show{display:block;position:fixed;inset:0;background:#0009;z-index:94}.mobile-menu{display:inline-flex}.topbar{height:68px;padding:0 18px;gap:12px}.breadcrumb{gap:9px;font-size:12px}.topbar-right>.avatar{width:29px;height:29px;font-size:11px}.library{padding:22px 22px 35px}.library-heading{gap:24px;margin-bottom:23px}.library-heading h1{font-size:32px}.library-heading p{font-size:13px}.library-actions{align-self:stretch;margin-top:0}.library-actions>.button{flex:1 1}.library-toolbar{margin-bottom:20px}.search-field{width:210px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.project-open h2{font-size:13px;margin-top:12px}.project-open p{font-size:10px}.card-play{opacity:1;width:31px;height:31px;right:9px;top:9px}.card-play svg{width:14px}.empty-state{min-height:340px;padding:0 10px}.empty-state h2{font-size:23px}.empty-state p{font-size:12px}.project-layout.with-panel .project-main,.project-main{padding:20px 20px 32px}.project-header,.project-layout.with-panel .project-header{align-items:flex-start;gap:19px;margin-bottom:30px;flex-wrap:wrap}.project-header>.artwork,.project-layout.with-panel .project-header>.artwork{width:113px;height:113px}.project-heading{width:calc(100% - 132px);min-width:150px}.project-heading h1,.project-title{font-size:27px;letter-spacing:-.8px;line-height:1.17}.project-description{font-size:12px;margin-top:8px;max-height:58px}.project-meta{font-size:10px;margin-top:6px;line-height:1.7}.project-meta>span{display:block}.project-actions,.project-layout.with-panel .project-actions{margin-top:16px;gap:7px}.project-actions .button{min-height:34px;font-size:11px;padding:0 10px;gap:5px}.project-actions .button svg{width:13px;height:13px}.project-options{width:25px;height:30px}.track-row,.track-table-heading{grid-template-columns:23px minmax(0,1fr) 38px 61px;padding-left:2px;padding-right:2px}.track-table-heading{font-size:8px;letter-spacing:.5px}.track-row{min-height:62px}.track-number{font-size:10px}.track-play{font-size:12px;gap:7px}.track-play-icon{width:13px;opacity:.65!important}.track-play-icon svg{width:12px;height:12px}.track-version{font-size:9px;margin-right:4px}.track-duration{font-size:10px}.track-controls{margin-left:5px}.track-controls .icon-button{width:27px}.track-controls svg{width:16px}.drag-grip{display:none}.drop-zone{min-height:133px;margin-top:24px}.drop-zone span{font-size:12px}.drop-zone small{font-size:10px}.drop-zone>svg{width:25px;height:25px}.has-player .track-panel,.track-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:min(70dvh,600px);border:1px solid #444;border-bottom:0;border-radius:15px 15px 0 0;box-shadow:0 -30px 80px #0009;z-index:85}.has-player .track-panel{bottom:var(--player-height);height:min(65dvh,550px)}.panel-heading{padding:20px 22px 12px}.track-panel .panel-heading h2{font-size:20px}.comment-list{padding-top:22px}.comment-form{padding-bottom:20px}.has-player .project-layout,.project-layout{min-height:unset}.player{height:88px;grid-template-columns:minmax(0,1fr) 119px 31px;padding:12px 16px 18px;gap:8px}.now-playing{gap:10px}.now-playing>.artwork{width:42px;height:42px}.now-playing strong{font-size:12px;max-width:165px}.now-playing span{font-size:10px;max-width:165px}.player-center{display:contents}.transport{gap:7px;justify-content:center}.transport>.icon-button{width:26px;height:30px}.transport>.icon-button>svg{width:15px}.play-round{width:34px;height:34px;flex-shrink:0}.player .seek{position:absolute;bottom:8px;left:15px;right:15px;width:auto;gap:8px}.player .seek span{display:none}.player .seek input{margin:0;height:2px}.player-right,.player-right>.icon-button{width:28px}.queue-panel{right:10px;width:calc(100vw - 20px);bottom:98px}.player-error{bottom:98px;width:calc(100vw - 30px);font-size:11px}.upload-tray{right:12px;bottom:102px;width:calc(100vw - 24px)}.upload-jobs{max-height:200px}.auth-page{padding:28px 25px}.auth-page>.wordmark{font-size:24px}.auth-content{margin:52px auto 70px;max-width:340px}.auth-content h1{font-size:27px}.auth-symbol{width:89px;height:89px;border-radius:19px;margin-bottom:27px}.auth-symbol svg{width:58px}.modal{padding:22px}.modal-heading h2{font-size:20px}.page-error{margin:0 22px}.shared-shell .project-main{padding-top:30px}.shared-shell .topbar>.wordmark{font-size:24px}.shared-label{font-size:10px}.join-panel,.share-lock{margin-top:65px}.shared-shell .project-actions .button{min-width:90px}.project-title input:not([type=range]){font-size:21px}.project-title .inline-edit svg{display:none}.comment-delete{opacity:.7}.track-menu .menu{min-width:195px}}.admin-workspace{max-width:1400px;padding:40px 48px 90px;margin:0 auto}.admin-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:34px}.admin-heading h1{font-size:34px;letter-spacing:-1.2px;margin:12px 0;font-weight:550}.admin-heading p{color:var(--muted,#939397);margin:0;line-height:1.6}.admin-eyebrow{display:flex;gap:8px;align-items:center;color:#aaaab0;font-size:12px}.admin-badge{white-space:nowrap;padding:8px 12px;border:1px solid #363638;border-radius:7px;font-size:11px;color:#ccc}.admin-tabs{display:flex;gap:5px;border-bottom:1px solid #303033;overflow-x:auto;margin-bottom:30px}.admin-tabs button{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:15px 17px;color:#99999f;border-bottom:2px solid transparent}.admin-tabs button.selected{border-color:#e6e6e7;color:#fff}.admin-section-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.admin-section-heading h2{margin:0;font-size:19px;font-weight:550}.admin-filters{display:flex;gap:10px;margin-bottom:24px}.admin-filters input{flex:1 1;min-width:150px}.admin-filters select{width:auto;min-width:145px}.admin-person{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(130px,1fr) minmax(160px,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-top:1px solid #2b2b2e}.admin-person-name{display:flex;align-items:center;gap:12px;min-width:0}.admin-person-name small,.admin-person-name strong{display:block;overflow-wrap:anywhere}.admin-person strong{font-size:14px;font-weight:550}.admin-list small,.admin-person small{display:block;color:#94949b;font-size:11px;margin-top:6px;line-height:1.5}.admin-person-role{font-size:12px}.admin-meter{display:flex;flex-direction:column;gap:9px;min-width:0}.account-storage progress,.admin-meter progress{width:100%;height:3px;accent-color:#d5d5d8;border:0;background:#353538}.admin-meter span{font-size:12px}.account-storage progress::-webkit-progress-bar,.admin-meter progress::-webkit-progress-bar{background:#353538;border-radius:3px}.account-storage progress::-webkit-progress-value,.admin-meter progress::-webkit-progress-value{background:#d5d5d8;border-radius:3px}.admin-warning{color:#e8bf80;line-height:1.5}.admin-empty{padding:55px 20px;text-align:center;color:#999;border:1px dashed #39393d;border-radius:10px}.admin-actions{gap:16px;margin:20px 0;flex-wrap:wrap}.admin-actions,.admin-list article{display:flex;justify-content:space-between;align-items:center}.admin-list article{gap:20px;padding:22px 0;border-top:1px solid #303034}.admin-list article>div{min-width:0;overflow-wrap:anywhere}.admin-list strong{font-size:14px;font-weight:550}.admin-list .text-button{flex-shrink:0}.admin-storage-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-storage-total h2{font-size:38px;font-weight:500;letter-spacing:-1px;margin:12px 0}.admin-storage-total h2 span{font-size:24px;color:#85858e}.admin-storage-total>svg{color:#707078}.admin-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0 20px}.admin-stat{border:1px solid #333338;border-radius:8px;padding:20px 15px}.admin-stat span{display:block;color:#99999f;font-size:11px;margin-bottom:14px}.admin-stat strong{font-weight:500;font-size:18px}.admin-storage-users{margin-top:28px}.admin-storage-users>div{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:center;padding:22px 0;border-top:1px solid #303034}.admin-storage-users strong{font-weight:500;font-size:14px}.admin-activity article{padding:22px 0;border-top:1px solid #303034}.admin-activity article>div{display:flex;justify-content:space-between;gap:12px}.admin-activity strong{font-size:13px;font-weight:500}.admin-activity time{font-size:11px;color:#90909b}.admin-activity p{font-size:13px;margin:10px 0;overflow-wrap:anywhere}.admin-activity details{margin-top:12px;color:#999;font-size:12px}.admin-activity pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1a1a1c;padding:14px;border-radius:7px;color:#ccc;font-size:11px}.admin-link-result{border:1px solid #505058;padding:22px;border-radius:10px;margin:20px 0;background:#252528}.admin-link-result input{width:100%;font-size:12px}.admin-link-result p{font-size:13px}.admin-link-result .admin-actions{margin-bottom:0;justify-content:flex-start}.admin-notice{padding:12px 16px;border-left:2px solid #aaaab2;background:#242426;font-size:13px}.admin-account-summary{padding:18px;background:#242426;border-radius:8px;margin:18px 0}.admin-account-summary>span{display:block;font-size:12px;color:#aaa;margin-bottom:16px}.quota-input{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.account-storage{margin:0 14px 18px;display:flex;flex-direction:column;gap:9px;color:#95959d;font-size:11px}.account-storage>span{color:#bbb}@media (max-width:1150px){.admin-workspace{padding:30px 28px 70px}.admin-person{grid-template-columns:1.5fr 1fr auto;gap:16px}.admin-person-role{grid-column:1;grid-row:2}.admin-person .admin-meter{grid-column:2;grid-row:1/span 2}.admin-person>.button,.admin-person>.small{grid-column:3;grid-row:1/span 2}.admin-stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.admin-workspace{padding:24px 20px 60px}.admin-heading{display:block;margin-bottom:18px}.admin-heading h1{font-size:27px;letter-spacing:-.7px}.admin-heading p{font-size:13px}.admin-badge{display:inline-block;margin-top:16px}.admin-tabs{margin-left:-20px;margin-right:-20px;padding:0 10px}.admin-tabs button{padding:14px 12px;font-size:12px}.admin-filters{flex-wrap:wrap}.admin-filters input{flex-basis:100%}.admin-filters select{flex:1 1;min-width:0}.admin-person{grid-template-columns:1fr auto;gap:16px 12px}.admin-person-name{grid-column:1/span 2}.admin-person-role{grid-column:1;grid-row:2}.admin-person .admin-meter{grid-column:1;grid-row:3}.admin-person>.button,.admin-person>.small{grid-column:2;grid-row:3}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stat{padding:15px 12px}.admin-storage-users>div{grid-template-columns:1fr auto;gap:14px}.admin-storage-users .admin-meter{grid-column:1/span 2;grid-row:2}.admin-activity article>div{flex-direction:column;gap:7px}.quota-input{grid-template-columns:1fr 1fr}.admin-list article{gap:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.waveform{position:relative;width:100%;min-width:0;height:74px;margin:8px 0 18px}.waveform.compact{height:27px;margin:0 0 7px;flex:1 1}.waveform-drawing{position:absolute;inset:0;pointer-events:none}.waveform svg{width:100%;height:100%;overflow:visible}.waveform svg path{fill:none;stroke:#55575d;stroke-width:3}.waveform-progress{position:absolute;inset:0 auto 0 0;overflow:hidden}.waveform-progress svg path{stroke:#eeeef1}.waveform .waveform-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.player .waveform .waveform-seek{height:100%}.waveform.ready .waveform-seek{opacity:0}.waveform.ready:focus-within{outline:2px solid #a4baff;outline-offset:4px;border-radius:3px}.waveform-markers{position:absolute;left:0;right:0;bottom:-14px;height:18px;pointer-events:none}.waveform-marker{position:absolute;pointer-events:auto;transform:translateX(-50%);z-index:2}.waveform-marker[open]{z-index:30}.waveform-marker summary{cursor:pointer;font-size:18px;color:#b4c8ff;list-style:none;padding:0 7px;line-height:20px}.waveform-marker summary::-webkit-details-marker{display:none}.marker-comments{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:min(250px,65vw);padding:7px;border:1px solid #46464c;border-radius:10px;background:#252529;box-shadow:0 8px 32px #0009;max-height:220px;overflow:auto}.marker-comments button{display:grid;gap:5px;width:100%;padding:9px;text-align:left;border-radius:5px}.marker-comments.align-start{left:0;transform:none}.marker-comments.align-end{left:auto;right:0;transform:none}.marker-comments button:hover{background:#37373d}.marker-comments strong{font-size:11px}.marker-comments span{font-size:12px;white-space:normal;overflow-wrap:anywhere}.panel-waveform{flex:none;padding:10px 20px 8px;border-bottom:1px solid #303034}.panel-waveform>small,.version-picker{color:#929299;font-size:11px}.version-picker{display:grid;gap:6px}.version-picker select{width:100%;min-width:0;padding:7px;background:#232326;color:#ededf0;border:1px solid #36363b;border-radius:7px}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;padding:2px 6px;border-radius:20px;background:#c7d6ff;color:#131724;font-size:10px;font-weight:700;line-height:15px}.feedback-summary{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:16px;color:#b3b3ba;font-size:12px}.comment.highlighted{background:#ffffff08;border-radius:8px;outline:1px solid #ffffff17}.project-feedback{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:#bbbec9}.draft-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.draft-heading small{font-size:10px;color:#929299}.draft-conflict{margin-top:10px;padding:10px;border:1px solid #81714a;border-radius:8px;font-size:12px}.draft-conflict blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;color:#bbbcc2}.draft-conflict>div{display:flex;flex-wrap:wrap;gap:12px}.comment-form .checkbox{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.resume-listening{position:fixed;z-index:25;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 30px);display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid #43434a;border-radius:12px;background:#242428;box-shadow:0 10px 40px #0006;font-size:12px}.music-search-results{display:grid;gap:24px}.search-project{padding:18px;border:1px solid #303035;border-radius:12px}.search-project-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px;text-align:left}.search-project-heading .artwork{width:42px;height:42px;border-radius:5px}.search-track{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid #ffffff09}.search-track>button:first-child{flex:1 1;min-width:0;display:grid;text-align:left;gap:4px}.search-track small{color:#8e8e96;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.maintenance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:24px 0}.maintenance-grid section{padding:18px;border:1px solid #35353a;border-radius:12px}.maintenance-grid h3{font-size:16px;margin-bottom:14px}.maintenance-grid p{font-size:12px;line-height:1.6;margin:10px 0;color:#a7a7af}.maintenance-grid small{color:#929299;font-size:11px}@media (max-width:700px){.library-toolbar{flex-wrap:wrap}.library-toolbar .search-field{flex-basis:100%}.library-toolbar>.button{font-size:11px;padding:8px 10px}.resume-listening{flex-wrap:wrap;justify-content:center;bottom:12px;gap:8px}.resume-listening>span{flex-basis:100%;text-align:center}.panel-waveform{padding:8px 16px}.panel-waveform .waveform{height:44px}.track-panel .comment-list{min-height:70px}}@media (max-width:680px){:root{--player-height:calc(112px + env(safe-area-inset-bottom, 0px))}.player{height:var(--player-height);padding-bottom:calc(44px + env(safe-area-inset-bottom, 0px))}.player .seek{bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.player .waveform.compact{height:24px}.player-error,.queue-panel{bottom:calc(var(--player-height) + 10px)}.upload-tray{bottom:calc(var(--player-height) + 14px)}.has-player .track-panel{max-height:calc(100dvh - var(--player-height) - 12px)}}.storage-badge{color:#929292;font-size:10px;font-weight:400;margin-left:8px;white-space:nowrap}.archive-admin{margin:24px 0}.archive-job{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #292929;font-size:13px}.archive-job small{color:#969696}.archive-job .error{width:100%}.export-progress{display:flex;align-items:center;justify-content:space-between;gap:16px}