@property --project-base{syntax:"<color>";inherits:true;initial-value:#140905}@property --project-glow{syntax:"<color>";inherits:true;initial-value:#34201a}:root{--ease-room:cubic-bezier(.22, 1, .36, 1);--waveform-color:#d5c7bd;--waveform-muted:#76675e}.app-shell{transition:--project-base .55s,--project-glow .55s}.app-shell.is-client,.app-shell.is-project{background:radial-gradient(ellipse 110% 760px at 58% -120px, var(--project-glow), transparent), var(--project-base)}.is-client .sidebar{background:#ffffff07}button,a,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a,summary{transition:background-color .16s,border-color .16s,color .16s,opacity .16s,box-shadow .16s}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #e9e4df}.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:scale .16s var(--ease-room), background-color .16s, box-shadow .16s}.button:active:not(:disabled),.hero-play:active:not(:disabled),.main-player-toggle:active:not(:disabled),.round-button:active:not(:disabled),.send-comment:active:not(:disabled){scale:.95}.animated-collapse{opacity:0;visibility:hidden;transition:grid-template-rows .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;grid-template-rows:0fr;display:grid}.animated-collapse.is-expanded{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.collapse-content{min-height:0;overflow:clip}html:has(.comments-mode){scroll-padding-block:90px 180px}.client-tree>div>button>svg:last-child,.color-toggle>svg:last-child{transition:transform .25s var(--ease-room)}.client-tree>div>button.current>svg:last-child,.color-toggle>svg.turned{transform:rotate(90deg)}.color-toggle>svg.turned{transform:rotate(180deg)}.main-content>*,.comment-thread,.comment-reply{animation:room-enter .28s var(--ease-room) both}@keyframes room-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-exit{to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes backdrop-enter{0%{background:0 0}to{background:#0009}}@keyframes backdrop-exit{to{background:0 0}}.modal[open]{animation:panel-enter .22s var(--ease-room) both}.modal[open]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;animation:.2s both backdrop-enter}.modal.is-closing{animation:.16s both modal-exit}.modal.is-closing::backdrop{animation:.16s both backdrop-exit}.toast{animation:panel-enter .24s var(--ease-room) both}.project-menu[open]>div,.player-volume[open] .volume-panel,.player-shortcuts[open] .shortcuts-panel,.notification-menu[open]>div{animation:panel-enter .18s var(--ease-room) both}.sidebar{width:240px}.main-shell{transition:margin-left .3s var(--ease-room), margin-right .3s var(--ease-room);margin-left:266px}.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:284px}.project-inspector{opacity:0;visibility:hidden;pointer-events:none;width:258px;transition:transform .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;display:block;transform:translate(24px)}.inspector-visible .project-inspector{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.modal .project-inspector{opacity:1;visibility:visible;pointer-events:auto;transform:none}.sidebar nav button,.settings-nav{min-height:39px}.sidebar nav button svg,.settings-nav svg{width:17px;height:17px}.sidebar-new{height:36px}.workspace-label{min-height:36px}.workspace-label .avatar{width:27px;height:27px}.recent-projects button{min-height:41px}.brand{font-size:14px}.brand small{letter-spacing:2px;font-size:9px}.sidebar-section{margin-top:20px}.inspector-row{color:#e0dbd7;min-height:46px;padding:10px 12px}.inspector-row>svg:first-child{color:#bcb5b0}.inspector-row small,.inspector-client small,.inspector-card p{color:#b5aea9}.inspector-client strong{color:#e8e1db}.inspector-note{line-height:1.6}.client-inspector .photo-upload{width:100%;padding:12px}.palette-preview i{background:var(--room-color,#b77850)!important}.appearance-options{padding:2px 9px 12px}.automatic-color{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.automatic-color[aria-pressed=true]{background:#ffffff0b;border-color:#fff2}.automatic-color>span{flex:1;font-size:13px}.automatic-color small{color:#b9b1ab;margin-top:4px;font-size:11px;display:block}.theme-options{justify-content:space-between;gap:10px;padding:14px 1px}.theme-swatch{color:#fff;width:43px;height:35px;transition:scale .16s var(--ease-room), box-shadow .16s;border-radius:7px;place-items:center;display:grid}.theme-swatch:hover{scale:1.06}.theme-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--project-base), 0 0 0 3px #ddd}.custom-color-row{justify-content:space-between;align-items:center;gap:6px;padding-top:4px;display:flex}.custom-color-row label{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.custom-color-row input{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:5px;width:30px;height:30px;padding:2px}.custom-color-row .text-button{font-size:12px}.project-heading,.review-layout{max-width:680px}.project-heading .project-cover{width:176px;height:176px}.project-heading h1{font-size:32px;line-height:1.16}.project-heading p{color:#bbb0a7}.project-hero-actions{margin-top:28px}.hero-play{min-width:88px;height:37px;font-size:13px}.round-button{min-width:34px;min-height:34px}.playable-row{grid-template-columns:23px minmax(0,1fr) 70px 42px 34px 38px;gap:10px;min-height:58px}.row-track-title{font-size:14px}.row-track-title strong{color:#eee6df}.row-track-title small{color:#baada3;font-size:12px}.track-duration{color:#b2a69c;font-size:12px}.track-comment-button,.version-pill{color:#ccc0b6;min-height:34px}.inline-versions{margin-bottom:12px}.version-item{min-height:50px}.project-files-folder{min-height:47px}.review-links{min-height:46px}.listen-panel{border-radius:12px;padding:20px}.manage-page .project-heading .project-cover,.comments-mode .project-heading .project-cover{width:54px;height:54px}.manage-page .project-heading h1,.comments-mode .project-heading h1{font-size:20px}.library-project-open{min-height:70px}.library-project-open>.artwork{width:44px;height:44px}.library-project-open strong{font-size:14px}.library-project-open small,.library-project-open time{font-size:12px}.library-filters>button{padding:9px 13px}.library-search input{width:150px;font-size:13px}.discussion-heading h2,.discussion-author strong,.comment-thread>p,.comment-reply>p{color:#e5ddd7}.discussion-author time,.comment-version-label,.discussion-filter,.discussion-privacy,.reply-toggle,.resolve-comment{color:#b8ada4}.discussion-composer textarea{font-size:15px}.comment-thread>p,.comment-reply>p{font-size:14px}.discussion-author .avatar{width:28px;height:28px;font-size:10px}.comment-manage{color:#b8ada4;align-items:center;gap:4px;min-height:28px;font-size:11px;display:inline-flex}.comment-manage:hover{color:#f1ece7}.comment-manage:disabled{opacity:.45}.comment-edit-form,.comment-delete-prompt{min-width:0;margin:12px 0 0 28px}.comment-edit-form textarea{resize:none;width:100%;min-height:90px;font-size:14px;line-height:1.6;display:block;overflow-y:hidden}.comment-edit-form{margin-right:6px}.comment-edit-controls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.comment-edit-controls .button{font-size:12px}.comment-edit-controls .danger{color:#f1aaa0;border-color:#f1aaa045}.comment-delete-prompt{background:#ffffff04;border:1px solid #ffffff18;border-radius:8px;padding:12px}.comment-delete-prompt p{margin:0;font-size:13px}.comment-thread>.deleted-comment{color:#b8ada4;font-style:italic}.comment-reply .comment-actions .comment-reactions{margin-left:0}.comment-reactions{gap:6px}.comment-reactions>button{opacity:.82;min-width:35px;min-height:32px;padding:4px 8px}.comment-reactions>button .reaction-emoji{font-size:17px;line-height:1}.comment-reactions>button .reaction-count{font-variant-numeric:tabular-nums;color:#e0d5ca;animation:count-enter .18s var(--ease-room);font-size:12px}.comment-reactions>button[aria-pressed=true]{background:#ffffff14;border-color:#ffffff36}.comment-reactions>button[aria-pressed=true] .reaction-emoji{animation:reaction-pop .35s var(--ease-room)}@keyframes reaction-pop{0%{transform:scale(.7)}45%{transform:scale(1.24)rotate(-7deg)}to{transform:scale(1)rotate(0)}}@keyframes count-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.audio-timeline,.comments-mode .listen-panel .audio-timeline{height:116px;margin:32px 0 31px}.waveform-bars{fill:none;stroke:var(--waveform-muted)}.waveform-bars.played{stroke:var(--waveform-color)}.waveform-grid{stroke:#ffffff0b;stroke-width:1px;vector-effect:non-scaling-stroke}.timeline-playhead{background:#f3e9de;width:1.5px;box-shadow:0 0 8px #ffffff25}.timeline-playhead:before{content:"";background:#fff1e3;border-radius:50%;width:6px;height:6px;position:absolute;top:-4px;left:-2.5px}.timeline-hover-line{pointer-events:none;z-index:3;background:#ffffff60;width:1px;position:absolute;top:0;bottom:0}.timeline-timecode{color:#211d1a;font-variant-numeric:tabular-nums;pointer-events:none;z-index:8;white-space:nowrap;background:#f4eee8;border-radius:5px;padding:5px 7px;font-size:12px;font-weight:600;position:absolute;top:-29px;transform:translate(-50%);box-shadow:0 3px 12px #0004}.timeline-ruler{color:#b8aaa0;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:-22px;left:0;right:0}.audio-timeline>input{touch-action:pan-y}.audio-timeline.is-scrubbing>input{cursor:grabbing}.timeline-marker{background:#35424f;border-color:#9bafc0;min-width:25px;height:25px;transition:background-color .15s,scale .15s;top:100%}.timeline-marker:hover{scale:1.12}.timeline-loading{background:color-mix(in srgb, var(--project-base) 75%, transparent);color:#d9cdc4;border-radius:6px;font-size:12px}.main-player{background:color-mix(in srgb, var(--project-base) 88%, #fff 12%);min-height:80px;animation:panel-enter .3s var(--ease-room) both;transition:left .3s var(--ease-room), right .3s var(--ease-room), background-color .5s;border:1px solid #ffffff16;border-radius:14px;gap:16px;padding:12px 15px;left:266px;right:12px;box-shadow:0 8px 36px #0005}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:284px}.main-player-track{gap:11px;width:180px}.main-player-track>.artwork{border-radius:7px;width:46px;height:46px}.main-player-track strong{color:#f2eae3;margin-bottom:5px;font-size:14px}.main-player-track small{text-transform:none;color:#beb2a9;margin:0;font-size:11px}.main-player-transport{gap:4px}.main-player-transport>.icon-btn{color:#c9bdb3;width:34px;height:36px;position:relative}.skip-seconds{font-size:8px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.main-player-toggle{color:#251f1a;background:#f3efeb;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 8px #0003}.main-player-toggle:hover:not(:disabled){background:#fff;box-shadow:0 2px 12px #ffffff20}.main-player-toggle>svg{animation:.14s ease-out count-enter}.main-player-timeline{gap:10px;min-width:120px}.main-player-timeline>time{color:#cfc2b8;flex-shrink:0;min-width:30px;font-size:11px}.audio-timeline.compact{height:44px;margin:0}.audio-timeline.compact .timeline-marker{min-width:22px;height:22px;top:85%}.main-player-tools{gap:6px}.main-player-tools .icon-btn{color:#d5c8bd;width:34px;height:36px}.main-comments-button>span{font-size:10px;top:0;right:0}.player-volume summary,.player-shortcuts summary{color:#d5c8bd;min-width:34px;min-height:36px}.player-volume summary>span{font-size:11px}.player-volume summary:hover,.player-shortcuts summary:hover{background:#ffffff0b}.player-shortcuts{position:relative}.player-shortcuts summary{cursor:pointer;border-radius:6px;place-items:center;list-style:none;display:grid}.player-shortcuts summary::-webkit-details-marker{display:none}.volume-panel,.shortcuts-panel{background:#282524;border:1px solid #fff2;padding:17px;bottom:49px;box-shadow:0 8px 32px #0007}.volume-panel{width:215px}.volume-panel label{color:#e2d6cc;font-size:13px}.volume-panel input{accent-color:#e3d6cb;height:15px}.volume-panel>button{color:#d3c4b8;min-height:28px;margin-top:10px;font-size:12px}.volume-panel kbd{margin-left:auto}.shortcuts-panel{color:#e5dcd5;border-radius:9px;width:285px;position:absolute;right:0}.shortcuts-panel>strong{margin-bottom:15px;font-size:14px;display:block}.shortcuts-panel p{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:12px;display:flex}.shortcuts-panel small{color:#b4a79d;margin-top:14px;font-size:11px;line-height:1.6;display:block}.shortcuts-panel kbd,.volume-panel kbd{text-align:center;background:#ffffff08;border:1px solid #ffffff20;border-radius:4px;min-width:22px;padding:3px 5px;font-family:inherit;font-size:11px;display:inline-block}.has-player .main-shell{padding-bottom:130px}.nav-backdrop{display:none}@media (max-width:1350px){.sidebar{width:220px}.main-shell{margin-left:244px}.project-inspector{width:240px}.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:264px}.main-player{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 15px;display:grid;left:244px}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:264px}.main-player-track{width:auto}.main-player-timeline{grid-area:2/1/auto/-1;width:100%}.has-player .main-shell{padding-bottom:180px}.project-heading .project-cover{width:150px;height:150px}.project-heading h1{font-size:29px}.project-hero-actions{margin-top:20px}}@media (max-width:1100px){.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:0}.project-inspector,.inspector-visible .project-inspector{display:none}.modal .project-inspector{display:block}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:12px}.project-heading,.review-layout{max-width:720px}}@media (max-width:760px){.sidebar{opacity:0;width:min(285px,100vw - 40px);transition:transform .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;transform:translate(-110%);background:color-mix(in srgb, var(--project-base) 90%, #fff 10%)!important}.sidebar.is-open{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.nav-backdrop{opacity:0;visibility:hidden;pointer-events:none;background:#0008;transition:opacity .22s,visibility 0s .3s;display:block;position:fixed;inset:0}.nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.main-shell{margin-left:0}.main-player,.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));gap:10px;padding:11px 12px}.main-player-track>.artwork{width:38px;height:38px}.main-player-track{gap:8px}.main-player-track strong{font-size:13px}.main-player-track small{font-size:11px}.main-player-transport>.icon-btn{width:29px}.main-player-toggle{width:40px;height:40px}.player-shortcuts{display:none}.main-player-tools{gap:2px}.main-player-tools .icon-btn,.player-volume summary{width:30px;min-width:30px}.main-player-timeline{min-width:0}.has-player .main-shell{padding-bottom:190px}.audio-timeline.compact{height:40px}.project-heading{align-items:center;gap:17px}.project-heading .project-cover{width:128px;height:128px}.project-heading-copy{padding-top:0}.project-heading h1{font-size:27px}.project-heading .eyebrow{font-size:10px}.project-heading p{font-size:12px}.project-hero-actions{flex-wrap:wrap;gap:8px;margin-top:18px}.project-hero-actions .round-button{width:32px;height:32px}.hero-play{min-width:74px;height:34px;font-size:12px}.project-tools .share-project-button,.project-mode button{min-height:34px;font-size:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 31px 33px 30px 34px;gap:5px;min-height:56px}.row-track-title{font-size:14px}.track-duration{font-size:11px}.library-search input{width:110px}.library-heading,.client-page-heading{flex-wrap:wrap}.client-page-heading h1{font-size:27px}.comment-actions{gap:9px;margin-left:0}.comment-reactions{gap:3px}.comment-reactions>button{min-width:32px;padding:4px 6px}.comments-mode .project-heading h1,.manage-page .project-heading h1{font-size:19px}.comments-mode .project-heading .project-cover,.manage-page .project-heading .project-cover{width:48px;height:48px}.comments-mode .listen-panel .audio-timeline,.audio-timeline{height:104px}.modal .form input,.modal .form textarea,.discussion-composer textarea{font-size:16px}}@media (max-width:420px){.main-content{padding:0 15px}.main-player-track>.artwork{display:none}.main-player-track small{max-width:125px}.project-heading .project-cover{width:112px;height:112px}.project-heading h1{font-size:25px}.project-heading{gap:14px}.project-hero-actions{gap:7px;margin-top:12px}.project-tools .share-project-button{padding:0 9px}.project-mode button{min-width:53px;padding:6px 9px}.composer-controls{flex-wrap:wrap;gap:8px}.volume-panel{right:-3px}}.reduce-motion,.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{scrollbar-width:thin;overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar .recent-projects{flex-shrink:0;overflow:visible}.sidebar .workspace-label{margin-top:18px;margin-bottom:10px}.sidebar .sidebar-bottom{padding-top:12px}.sidebar .connection small{font-size:10px}.client-inspector .photo-upload{align-items:center;gap:8px;display:flex}
.workspace-search-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#111111ed;justify-content:center;align-items:center;gap:12px;min-height:66px;padding:12px 24px;display:flex;position:sticky;top:0}.workspace-search-field{width:min(100%,660px);min-width:0;min-height:42px;color:var(--muted);background:#ffffff06;border:1px solid #ffffff15;border-radius:9px;align-items:center;gap:12px;padding:0 14px;transition:border-color .15s,background-color .15s;display:flex}.workspace-search-field:focus-within,.workspace-search-field.is-active{background:#ffffff0a;border-color:#ffffff45}.workspace-search-field>svg{flex-shrink:0}.workspace-search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:10px 0;font-size:14px}.workspace-search-field input::placeholder{color:#aaa5a2}.workspace-search-field input::-webkit-search-cancel-button{display:none}.workspace-search-field kbd{white-space:nowrap;flex-shrink:0;font:12px inherit}.search-close{border-left:1px solid var(--line);color:#d8d4d1;padding:6px 0 6px 12px;font-size:13px}.app-shell.is-search{background:var(--bg)}.is-search .main-shell{margin-right:0}.is-search .project-topbar,.is-search .topbar,.main-content[hidden]{display:none}#workspace-content:focus{outline:none}.workspace-search-page{max-width:1000px;margin:0 auto;padding:44px 8px 80px}.workspace-search-heading h1{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,4vw,36px);font-weight:600}.workspace-search-heading p{color:#aaa5a2;font-size:14px}.search-results-caption{color:#aaa5a2;justify-content:space-between;gap:16px;margin:38px 0 12px;font-size:12px;display:flex}.search-keyboard-hint{color:#99938f;gap:20px;display:flex}.workspace-search-result{min-height:84px;color:var(--text);border:1px solid #0000;border-radius:9px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.workspace-search-result:hover,.workspace-search-result.is-selected{background:#ffffff09}.workspace-search-result:focus-visible{outline-offset:-2px}.search-result-artwork{flex:0 0 48px;height:48px;position:relative}.search-result-artwork>.artwork,.search-result-artwork>.client-avatar{width:48px;height:48px}.search-result-artwork>.artwork{border-radius:6px}.search-result-artwork .art-word{font-size:9px;line-height:.95}.search-result-artwork .art-coordinate,.search-result-artwork .art-number{display:none}.search-song-mark{background:#303030;border:2px solid #111;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-4px;right:-4px}.search-result-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.search-result-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:550;overflow:hidden}.search-result-copy small{color:#aaa5a2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-result-kind{color:#bcb6b2;width:48px;font-size:12px}.workspace-search-result time{color:#a8a19d;text-align:right;min-width:65px;font-size:12px}.search-result-arrow{color:#938d88;flex-shrink:0;margin-left:8px}.search-empty{text-align:center;color:#aaa5a2;padding:75px 16px}.search-empty>svg{margin-bottom:16px}.search-empty h2{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:500}.search-empty p{overflow-wrap:anywhere;line-height:1.6}@media (max-width:700px){.workspace-search-header{gap:8px;min-height:64px;padding:10px 14px}.workspace-search-field{gap:8px;padding:0 10px}.workspace-search-field input{font-size:16px}.workspace-search-field kbd,.search-keyboard-hint,.workspace-search-result time{display:none}.workspace-search-page{padding:30px 0 60px}.workspace-search-result{gap:12px;min-height:78px;padding:12px 4px}.search-result-arrow{display:none}.search-result-kind{width:auto;font-size:11px}.search-results-caption{margin-top:30px}}@media (prefers-reduced-motion:reduce){.workspace-search-field{transition:none}}
:root{--room-space-1:4px;--room-space-2:8px;--room-space-3:12px;--room-space-4:16px;--room-space-6:24px;--room-control:36px;--room-radius-control:8px;--room-radius-surface:10px;--room-radius-dialog:14px;--room-radius-pill:999px;--room-content-width:680px;--room-hover:#ffffff0d;--room-pressed:#ffffff16;--room-selected:#ffffff12;--room-border:#ffffff12;--room-secondary:#b6b3b0;--room-fast:.14s;--room-ease:cubic-bezier(.2, .8, .2, 1);--room-shadow:0 8px 32px #0005, 0 2px 8px #0003}body{-webkit-font-smoothing:antialiased}.icon-btn,.round-button,.view-switch>button,.project-menu>summary,.notification-menu>summary{width:var(--room-control);height:var(--room-control);min-width:var(--room-control);min-height:var(--room-control);border-radius:var(--room-radius-control);color:var(--room-secondary);padding:0}.round-button{border-radius:var(--room-radius-pill)}:is(button,a,summary)>svg{flex-shrink:0}.button,.button.small,.sidebar-new,.hero-play,.share-project-button{min-height:var(--room-control);gap:var(--room-space-2);border-radius:var(--room-radius-pill);height:auto;padding:8px 16px;line-height:18px}.button.small{padding-inline:12px}.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:background-color var(--room-fast) ease, border-color var(--room-fast) ease, color var(--room-fast) ease, box-shadow var(--room-fast) ease, scale var(--room-fast) var(--room-ease)}.button:active:not(:disabled),.hero-play:active:not(:disabled),.main-player-toggle:active:not(:disabled),.round-button:active:not(:disabled),.send-comment:active:not(:disabled){transform:scale(.98)}:is(button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #e6e4e2}.sidebar{border-radius:var(--room-radius-surface)}.sidebar nav{gap:var(--room-space-1)}.sidebar nav button,.settings-nav{min-height:40px;padding-inline:var(--room-space-3);gap:var(--room-space-3);border-radius:var(--room-radius-control)}.sidebar nav button.active,.settings-nav.active,.client-tree button.current{background:var(--room-selected);color:var(--text)}.sidebar-new{margin-block:12px 4px;padding-inline:12px}.workspace-label{gap:var(--room-space-2);padding-inline:var(--room-space-3);border-radius:var(--room-radius-control)}.client-tree>div>button{border-radius:var(--room-radius-control);gap:10px;min-height:44px;padding:8px 12px}.client-project-children{margin:4px 0 12px 24px;padding-left:4px}.client-project-children>button{border-radius:6px;min-height:36px;padding:8px}.connection{border-radius:var(--room-radius-control);padding:12px}.sidebar-bottom .profile{border-radius:var(--room-radius-control);gap:10px;padding:10px 12px}.workspace-search-header{border-bottom-color:#ffffff08;padding-block:12px}.is-project .workspace-search-header,.is-client .workspace-search-header{background:color-mix(in srgb, var(--project-base) 82%, transparent)}.workspace-search-field{border-radius:var(--room-radius-control);gap:var(--room-space-3);border-color:var(--room-border);min-height:40px}.workspace-search-field kbd{border:1px solid #ffffff14;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:11px;line-height:16px}.project-topbar{gap:var(--room-space-3)}.project-tools,.project-hero-actions>div{gap:var(--room-space-2)}.project-mode,.view-switch{border-radius:var(--room-radius-pill);background:#ffffff07;gap:2px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff04}.project-mode button{border-radius:var(--room-radius-pill);min-height:32px;color:var(--room-secondary);padding:6px 16px}.project-mode button[aria-selected=true],.view-switch>button[aria-pressed=true]{background:var(--room-selected);color:var(--text);box-shadow:0 1px 3px #0002}.view-switch>button{border-radius:var(--room-radius-pill)}.project-heading,.review-layout,.organization-breadcrumb{max-width:var(--room-content-width)}.organization-breadcrumb{gap:var(--room-space-2);min-height:28px;color:var(--room-secondary);margin-bottom:20px}.organization-breadcrumb button{padding:4px 0}.organization-breadcrumb span{color:var(--room-secondary)}.project-heading{gap:var(--room-space-6);margin-bottom:28px}.project-heading .project-cover{border-radius:var(--room-radius-control)}.project-heading h1{letter-spacing:-.035em}.project-heading .eyebrow{color:var(--room-secondary);margin-bottom:8px}.project-heading p{margin-top:8px;line-height:1.4}.project-hero-actions{gap:var(--room-space-3)}.song-list-toolbar{min-height:44px;padding:0 12px 12px}.song-list-toolbar>span{color:var(--room-secondary);letter-spacing:.08em}.playable-row{gap:var(--room-space-2);border-radius:var(--room-radius-control);min-height:60px;transition:background-color var(--room-fast) ease;background:#ffffff02;grid-template-columns:24px minmax(0,1fr) 84px 44px 36px 40px;padding:6px 12px}.playable-row.selected{background:var(--room-selected);box-shadow:none}.row-track-title{line-height:1.4}.row-track-title strong{color:var(--text);font-weight:500}.row-track-title small{color:var(--room-secondary)}.track-comment-button,.version-pill,.playable-row>.song-files-button{min-height:var(--room-control);height:var(--room-control);border-radius:var(--room-radius-control);color:var(--room-secondary);background:0 0;gap:6px;padding:0 8px}.playable-row>.song-files-button{width:var(--room-control);padding:0}.version-pill.active{background:var(--room-selected);color:var(--text)}.track-duration,.main-player-timeline>time{font-variant-numeric:tabular-nums;color:var(--room-secondary)}.playable-row:focus-within{background:var(--room-hover)}.row-play-hitbox:focus-visible{outline-offset:-2px;outline:2px solid #e6e4e2}.playable-row:has(.row-play-hitbox:focus-visible) .hover-play{display:block}.playable-row:has(.row-play-hitbox:focus-visible) .row-play-indicator>span{display:none}.version-item{border-radius:6px;min-height:52px}.version-item:focus-within{background:var(--room-hover)}.project-files-folder{border-radius:var(--room-radius-control);min-height:48px;color:var(--room-secondary);gap:12px;margin-top:12px;padding-inline:12px}.review-links{gap:16px;margin-top:16px}.review-links>button{min-height:36px;color:var(--room-secondary);border-radius:6px;gap:8px;padding:8px}.review-links>button:first-child{margin-left:-8px}.inspector-card{border-radius:var(--room-radius-surface);border-color:#ffffff08;margin-bottom:12px;padding:4px}.inspector-row{color:#dedbd8;border-radius:6px;gap:12px;min-height:44px;padding:10px 12px}button.inspector-row:hover{border-radius:6px}.inspector-row>svg:first-child{width:16px;height:16px;color:var(--room-secondary)}.inspector-client{gap:10px;margin:12px}.permission-toggle{cursor:pointer}.inspector-card .photo-upload:has(input:focus-visible){outline-offset:-2px}.main-content>.business-page,.main-content>.library-browser,.client-project-page{max-width:1120px;margin-inline:auto}.business-client-list{gap:8px}.business-client-card{border-radius:var(--room-radius-surface);border-color:var(--room-border);gap:16px;padding:20px}.business-client-card>.avatar{width:40px;height:40px}.business-client-card>svg:last-child{color:var(--room-secondary)}.library-toolbar{gap:16px;margin-bottom:16px}.library-filters{gap:4px}.library-filters>button{border-radius:var(--room-radius-pill);min-height:36px;padding:8px 12px}.library-project{border-radius:var(--room-radius-control);transition:background-color var(--room-fast) ease;gap:8px;padding-inline:12px}.library-project:focus-within{background:var(--room-hover)}.library-project-open{border-radius:6px;gap:16px;min-height:72px}.library-project-open>.artwork{border-radius:6px}.library-project-open small,.library-project-open time,.library-summary{color:#aaa5a1}.library-projects.grid{gap:16px}.library-projects.grid .library-project{border-radius:var(--room-radius-surface);padding:12px}.library-projects.grid .library-project-open{gap:12px}.library-project:has(.project-menu[open]){z-index:26}.project-menu>div,.notification-menu>div{border-radius:var(--room-radius-surface);min-width:184px;box-shadow:var(--room-shadow);transform-origin:100% 0;background:#262626;border:1px solid #ffffff1c;padding:4px;top:calc(100% + 6px)}.project-menu>div>button,.notification-menu>div>button{border-radius:6px;gap:16px;min-height:36px;padding:8px 12px}.modal{border-radius:var(--room-radius-dialog);background:#202020;border-color:#ffffff1c;box-shadow:0 24px 80px #0007,0 4px 16px #0004}.modal-body{padding:28px}.modal-heading{align-items:flex-start;gap:16px;margin-bottom:24px}.modal-heading .icon-btn{margin-top:-6px;margin-right:-6px}.form input:not([type=checkbox]):not([type=range]):not([type=color]),.form select{border-radius:var(--room-radius-control);min-height:42px}.form textarea,.discussion-composer{border-radius:var(--room-radius-surface)}.modal :is(input,select,textarea):not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]){color:var(--text);transition:border-color var(--room-fast) ease, background-color var(--room-fast) ease;background:#ffffff06;border-color:#ffffff1c}.modal :is(input,textarea)::placeholder{color:#999692}.modal :is(input,select,textarea):focus-visible{outline-offset:2px;border-color:#ffffff50;outline:2px solid #e6e4e2}.main-player{border-radius:var(--room-radius-surface);box-shadow:var(--room-shadow);border-color:#ffffff14}.main-player-track{border-radius:6px}.main-player-transport,.main-player-tools{gap:8px}.main-player-transport>.icon-btn,.main-player-tools .icon-btn,.player-volume summary,.player-shortcuts summary{border-radius:var(--room-radius-control);width:36px;min-width:36px;height:36px;min-height:36px}.player-volume summary{gap:8px;width:auto;padding-inline:8px}.volume-panel,.shortcuts-panel{border-radius:var(--room-radius-surface);box-shadow:var(--room-shadow);background:#262626;border-color:#ffffff1c}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled),.round-button:not(.light):hover:not(:disabled),.view-switch>button:hover,.project-menu>summary:hover,.notification-menu>summary:hover,.workspace-label:hover,.sidebar-bottom .profile:hover,.track-comment-button:hover,.version-pill:hover,.review-links>button:hover:not(:disabled),.project-mode button:hover,.library-filters>button:hover,.inspector-card .photo-upload:hover,.permission-toggle:hover{background:var(--room-hover);color:var(--text)}.playable-row:hover,.library-project:hover,.library-projects.grid .library-project:hover{background:var(--room-hover)}.playable-row.selected:hover,.version-pill.active:hover,.project-mode button[aria-selected=true]:hover{background:var(--room-pressed)}.workspace-search-field:hover{border-color:#ffffff26}.business-client-card:hover{background:var(--room-hover);border-color:#ffffff24;transform:none}}@media (max-width:1350px){.project-mode button{padding-inline:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px 36px;gap:6px}.track-comment-button>span{display:none}}@media (max-width:1100px){:root{--room-content-width:720px}}@media (max-width:760px){.project-back>.mobile-menu,.topbar .mobile-menu{display:none}.project-back>.icon-btn:not(.mobile-menu){display:inline-flex}.topbar{height:44px}.project-heading{gap:16px}.project-mode button{padding-inline:12px}.project-topbar{gap:8px}.project-tools{gap:6px}.project-hero-actions .round-button{width:36px;height:36px}.project-hero-actions{gap:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px;gap:0 4px;min-height:64px;padding:8px 4px}.row-play-indicator{grid-area:1/1/3}.row-track-title{grid-area:1/2;align-self:end}.playable-row>.track-duration{text-align:left;grid-area:2/2;align-self:start;padding-top:3px}.playable-row>.track-comment-button{grid-area:1/3/3}.playable-row>.version-pill{grid-area:1/4/3}.playable-row>.song-files-button{grid-area:1/5/3}.review-links{flex-wrap:wrap;gap:12px}.business-client-card{gap:12px;padding:16px}.library-toolbar{gap:12px}.library-projects.grid .library-project:nth-child(odd) .project-menu>div{transform-origin:0 0;left:0;right:auto}.modal-body{padding:20px}.main-player-tools,.main-player-transport{gap:4px}.project-hero-actions{flex-wrap:wrap}}@media (max-width:760px) and (pointer:coarse){.playable-row{grid-template-columns:20px minmax(0,1fr) 44px 44px 44px}.playable-row>.song-files-button{width:44px}}@media (pointer:coarse){.sidebar nav button,.settings-nav,.client-project-children>button,.project-mode button,.library-filters>button,.project-menu>div>button,.notification-menu>div>button,.inspector-row{min-height:44px}.track-comment-button,.version-pill,.playable-row>.song-files-button{height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.playable-row,.library-project,.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:none}}
.toast{width:max-content;max-width:min(560px,100vw - 32px);animation:toast-enter .2s var(--ease-room) both;margin-inline:auto;bottom:24px;left:0;right:0;transform:none}.has-player .toast{bottom:108px}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-signature .signature-image{object-fit:contain;border-radius:0;width:auto;max-width:180px;height:auto;max-height:90px}.brand-preview{border:1px dashed var(--line);width:160px;height:76px}.brand-preview img{object-fit:contain;width:100%;height:100%}.brand-image-placeholder{color:var(--muted);font-size:12px}.audio-timeline .timeline-marker,.audio-timeline.compact .timeline-marker{width:22px;min-width:22px;height:100%;box-shadow:none;color:#ee9b5e;opacity:.8;background:0 0;border:none;border-radius:3px;padding:0;top:0;transform:translate(-50%)scale(1)}.audio-timeline .timeline-marker:hover,.audio-timeline .timeline-marker:focus-visible{color:#ffad6b;opacity:1;background:0 0;outline-color:#ee9b5e;scale:1}.audio-timeline .timeline-marker.resolved{opacity:.45}.comment-pin{background:currentColor;width:1px;position:absolute;top:4px;bottom:4px;left:50%}.comment-pin:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:-2px}.comment-preview{color:#eee9e4;text-align:left;z-index:120;pointer-events:auto;background:#24201d;border:1px solid #ffffff24;border-radius:9px;flex-direction:column;gap:10px;width:min(280px,100vw - 48px);display:flex;position:fixed;box-shadow:0 8px 28px #0006}.comment-preview-content{flex-direction:column;gap:10px;max-height:calc(100dvh - 18px);padding:14px 16px;display:flex;overflow-y:auto}.comment-preview:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.comment-preview[data-side=below]:after{top:auto;bottom:100%}.comment-preview-time{font-variant-numeric:tabular-nums;color:#efaa77;font-size:11px}.comment-preview-entry{flex-direction:column;gap:5px;min-width:0;display:flex}.comment-preview-entry strong{font-size:12px;font-weight:600}.comment-preview-entry>span{color:#d1c7bf;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.comment-preview-content>small{color:var(--muted);font-size:11px}.overview-page{max-width:1240px;margin:0 auto;padding:24px 8px 72px}.overview-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.overview-heading h1{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,4vw,36px);font-weight:600}.overview-heading p:not(.eyebrow){color:#aaa5a2;font-size:14px}.overview-heading>.button{flex-shrink:0}.overview-stats{border:1px solid var(--line);background:#ffffff03;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid}.overview-stats>div{flex-direction:column;gap:10px;min-width:0;padding:23px;display:flex;position:relative}.overview-stats>div+div{border-left:1px solid var(--line)}.overview-stats svg{color:#8f8985;position:absolute;top:22px;right:22px}.overview-stats span{color:#bab3ae;padding-right:22px;font-size:12px}.overview-stats strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1.1}.overview-stats small{color:#8f8985;font-size:11px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.overview-card{border:1px solid var(--line);background:#ffffff03;border-radius:12px;min-width:0;padding:22px}.overview-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.overview-section-title h2{margin:0;font-size:16px;font-weight:550}.overview-section-title .text-button{font-size:12px}.overview-section-title>svg{color:#9b948e}.overview-card-description{color:#a49d97;margin:-9px 0 18px;font-size:12px}.overview-filters{gap:7px;margin:-3px 0 16px;display:flex}.overview-filters button{color:#aaa29b;border-radius:6px;padding:6px 10px;font-size:12px}.overview-filters button[aria-pressed=true]{color:var(--text);background:#ffffff0d}.overview-project-row{align-items:center;gap:14px;min-width:0;padding:15px 0;display:flex}.overview-project-row+.overview-project-row{border-top:1px solid var(--line)}.overview-project-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.overview-project-open>.artwork{border-radius:6px;flex-shrink:0;width:44px;height:44px}.overview-project-open .art-word{font-size:8px}.overview-project-open .art-coordinate,.overview-project-open .art-number{display:none}.overview-project-open>span,.overview-deadline>span:nth-child(2),.overview-payment>span,.overview-activity-row>span{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.overview-project-open strong,.overview-deadline strong,.overview-payment strong,.overview-activity-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.overview-project-open small,.overview-deadline small,.overview-payment small,.overview-activity-row small{color:#aaa29b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.overview-status{color:#b4aba2;white-space:nowrap;border:1px solid #ffffff15;border-radius:5px;padding:4px 7px;font-size:10px}.overview-status.in-review{color:#d7ba98;background:#d7a7730a;border-color:#d7a77325}.overview-due{color:#aaa29b;white-space:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;width:115px;font-size:11px;display:flex}.overview-due:hover{color:var(--text)}.overview-page .overdue{color:#e9a677}.overview-deadline{text-align:left;align-items:center;gap:13px;width:100%;padding:12px 0;display:flex}.overview-deadline>svg{color:#88817a;flex-shrink:0}.overview-date{background:#ffffff06;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:48px;padding:8px 5px;display:flex}.overview-date strong{font-size:21px}.overview-date small{text-transform:uppercase;font-size:9px}.overview-empty{text-align:center;color:#a29b94;flex-direction:column;align-items:center;padding:28px 16px;display:flex}.overview-empty svg{color:#928a82;margin-bottom:12px}.overview-empty h3{color:#ded8d2;margin:0 0 8px;font-size:14px;font-weight:500}.overview-empty p{max-width:280px;font-size:12px;line-height:1.6}.overview-empty>button{margin-top:16px}.overview-empty>button svg{margin:0}.overview-feedback{text-align:left;border-top:1px solid var(--line);width:100%;padding:15px 0;display:block}.overview-feedback-heading{justify-content:space-between;gap:14px;font-size:12px;display:flex}.overview-feedback-heading strong{font-weight:500}.overview-feedback-heading small{color:#aaa29b}.overview-feedback p{color:#bfb7b0;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:10px 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.overview-feedback>small{color:#a29b94;align-items:center;gap:5px;font-size:11px;display:flex}.overview-payment{text-align:left;border-top:1px solid var(--line);justify-content:space-between;gap:18px;width:100%;padding:16px 0;display:flex}.overview-payment>strong{flex-shrink:0}.overview-activity{grid-column:1/-1}.overview-activity-row{text-align:left;border-top:1px solid var(--line);align-items:center;gap:18px;width:100%;padding:14px 0;display:flex}.overview-activity-row>time{color:#aaa29b;font-size:11px}.overview-activity-row>svg{color:#8a827a}.overview-activity-empty{color:#aaa29b;padding:6px 0;font-size:13px}.project-schedule{padding:18px}.project-schedule h3{margin-bottom:15px;font-size:13px;font-weight:500}.project-schedule label{color:#c2b7ad;flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px;display:flex}.project-schedule input,.project-schedule select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;color:var(--text);background:#ffffff07;border:1px solid #ffffff1a;border-radius:6px;padding:9px;font-size:12px}.project-schedule>small{color:#a69a90;margin-bottom:14px;font-size:11px;line-height:1.5;display:block}.project-schedule>.button{width:100%}@media (max-width:1100px){.overview-grid{grid-template-columns:1fr}.overview-stats>div{padding:18px}.overview-stats svg{display:none}.overview-stats span{padding-right:0}}@media (max-width:700px){.has-player .toast{bottom:156px}.overview-page{padding:20px 0 48px}.overview-heading{align-items:flex-start;gap:12px}.overview-heading>.button{padding:9px 11px;font-size:12px}.overview-heading .eyebrow{font-size:9px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats>div:nth-child(3){border-left:0}.overview-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.overview-card{padding:17px}.overview-project-row{flex-wrap:wrap;gap:8px}.overview-project-open{flex-basis:calc(100% - 90px)}.overview-due{width:auto;min-height:28px;margin-left:56px}.overview-stats strong{font-size:29px}.overview-stats small{line-height:1.4}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.reduce-motion .toast{animation:none}.topbar .mobile-menu,.project-back .mobile-menu{display:none}.is-dashboard .topbar{height:44px}
.playable-row{grid-template-columns:24px minmax(0,1fr) 84px 44px 36px max-content}.track-ending{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.track-ending>.track-duration{pointer-events:none;min-width:32px}.track-ending:has(.song-status-label){grid-template-columns:32px 146px;display:grid}.song-status-trigger.icon-btn{z-index:2;border-radius:var(--room-radius-control,6px);width:32px;height:36px;color:var(--room-secondary,#c4b9b0);flex-shrink:0;position:relative}.song-status-trigger:hover,.song-status-trigger[aria-expanded=true]{color:var(--text);background:var(--room-hover,#ffffff09)}.song-status-trigger[aria-busy=true]{opacity:.5;cursor:wait}.song-status-label,.song-status-menu>button{--song-status-color:#a6bfdc}.song-status-label.in-progress,.song-status-menu>.in-progress{--song-status-color:#e1bc7c}.song-status-label.approved,.song-status-menu>.approved{--song-status-color:#a8cfa8}.song-status-label.creating-deliverables,.song-status-menu>.creating-deliverables{--song-status-color:#c9b2eb}.song-status-label.delivered,.song-status-menu>.delivered{--song-status-color:#83cfc6}.song-status-label{border:1px solid color-mix(in srgb, var(--song-status-color) 15%, transparent);background:color-mix(in srgb, var(--song-status-color) 5%, transparent);width:fit-content;max-width:100%;color:var(--song-status-color);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 7px;font-size:11px;line-height:1.4;display:inline-flex}.song-status-indicator{width:12px;height:12px;color:var(--song-status-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.received .song-status-indicator>i{background:currentColor;border-radius:50%;width:5px;height:5px}.in-progress .song-status-indicator>i{border:1.5px solid;border-right-color:#0000;border-bottom-color:color-mix(in srgb, currentColor 30%, transparent);border-radius:50%;width:10px;height:10px}.creating-deliverables .song-status-indicator{gap:2px}.creating-deliverables .song-status-indicator>i{background:currentColor;border-radius:2px;width:2px;height:9px;transform:scaleY(.65)}.song-status-label.received .song-status-indicator{animation:4.8s ease-in-out infinite song-status-breathe}.song-status-label.in-progress .song-status-indicator{animation:3.2s linear infinite song-status-turn}.song-status-label.approved .song-status-indicator{animation:6s ease-in-out infinite song-status-breathe}.song-status-label.creating-deliverables .song-status-indicator>i{animation:2.4s ease-in-out infinite song-status-bars}.song-status-label.creating-deliverables .song-status-indicator>i:nth-child(2){animation-delay:-1.6s}.song-status-label.creating-deliverables .song-status-indicator>i:nth-child(3){animation-delay:-.8s}.song-status-label.delivered .song-status-indicator{animation:5s ease-in-out infinite song-status-settle}@keyframes song-status-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes song-status-turn{to{transform:rotate(360deg)}}@keyframes song-status-bars{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes song-status-settle{0%,to{opacity:.8;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.song-status-menu{z-index:200;background:var(--panel,#1c1f1c);border:1px solid #ffffff18;border-radius:10px;width:230px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0006}.song-status-menu-heading{color:var(--room-secondary,#c4b9b0);padding:7px 10px 9px;font-size:11px;display:block}.song-status-menu>button{width:100%;min-height:36px;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.song-status-menu>button:hover,.song-status-menu>button:focus-visible{background:var(--room-hover,#ffffff09)}.song-status-menu>button:focus-visible{outline:1px solid var(--room-secondary,#c4b9b0);outline-offset:-1px}.song-status-current{color:var(--song-status-color);margin-left:auto}.song-name-status{flex:1;min-width:0}.song-name-status>strong{overflow-wrap:anywhere}.files-heading .song-status-trigger,.files-heading .song-status-label{margin:8px 0}@media (max-width:1250px){.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px max-content}}@media (max-width:760px){.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px}.playable-row>.row-track-title{grid-area:1/2}.playable-row>.track-ending{grid-area:2/2;justify-content:flex-start;gap:6px}.playable-row>.track-comment-button,.playable-row>.version-pill,.playable-row>.song-files-button{grid-row:1}.playable-row:has(.song-status-label)>.track-ending{grid-column:2/-1;padding:4px 0}}@media (prefers-reduced-motion:reduce){.song-status-label .song-status-indicator,.song-status-label .song-status-indicator>i{animation:none!important}}.download-status{color:#aacbb1;white-space:normal;width:fit-content;margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;position:relative}.download-status.pending{color:var(--room-secondary,#b5aaa1);align-items:center;gap:5px;display:inline-flex}.download-status>summary{cursor:pointer;align-items:center;gap:5px;min-height:24px;list-style:none;display:flex}.download-status>summary::-webkit-details-marker{display:none}.download-receipt-details{z-index:20;width:min(280px,65vw);color:var(--text);background:#282422;border:1px solid #ffffff20;border-radius:9px;padding:14px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0006}.download-receipt-details p{margin:10px 0}.download-receipt-details p span,.download-receipt-details time{display:block}.download-receipt-details time,.download-receipt-details>small{color:var(--room-secondary,#b5aaa1);white-space:normal;font-size:11px}.verified-download{flex-shrink:0}.verified-download:has(small){gap:3px;width:auto}.verified-download.complete{color:#aacbb1}.file-actions-menu{position:relative}.file-actions-menu>summary{list-style:none}.file-actions-menu>summary::-webkit-details-marker{display:none}.file-actions-menu>div{z-index:20;background:#282422;border:1px solid #ffffff20;border-radius:8px;min-width:155px;padding:5px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.file-actions-menu>div>button{text-align:left;border-radius:5px;width:100%;padding:9px 10px;font-size:12px;display:block}.file-actions-menu>div>button:hover{background:#ffffff09}@media (max-width:600px){.empty-song-row:has(.song-name-status){flex-wrap:wrap}.empty-song-row .song-name-status{flex-basis:calc(100% - 36px)}}
.public-home,.hosted-entry{color:#eeeae2;background:#101110;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.public-home a,.hosted-entry a{color:inherit;text-decoration:none}.public-home header,.public-home footer{justify-content:space-between;align-items:center;padding:36px 6vw;display:flex}.hosted-brand{letter-spacing:-1px;font-size:22px;font-weight:800}.hosted-brand span{letter-spacing:3px;color:#9f9f96;margin-top:10px;font-size:9px;display:block}.public-portal{border:1px solid #44483d;border-radius:30px;padding:13px 20px;font-size:13px}.public-portal span{margin-left:20px}.public-hero{min-height:620px;padding:65px 9vw 85px;position:relative;overflow:hidden}.hosted-eyebrow{letter-spacing:3px;color:#b3b6a7!important;font-size:10px!important}.public-hero h1{letter-spacing:-.075em;z-index:1;margin:35px 0 52px;font-size:clamp(76px,10.8vw,160px);font-weight:500;line-height:.96;position:relative}.public-hero em{color:#d5e5aa;font-family:Georgia,serif;font-weight:400}.public-hero-bottom{z-index:1;align-items:end;gap:80px;display:flex;position:relative}.public-hero-bottom p{color:#aaa;font-size:15px;line-height:1.7}.public-hero-bottom a{border-bottom:1px solid #d5e5aa;padding:0 0 10px;font-size:15px}.public-hero-bottom a span{margin-left:36px}.public-lines{opacity:.3;align-items:center;gap:7px;display:flex;position:absolute;top:36%;right:3%;transform:rotate(-14deg)}.public-lines i{background:#c1dc8f;border-radius:4px;width:3px}.public-home footer{color:#868c7e;border-top:1px solid #2a2e25;font-size:11px}.hosted-entry{flex-direction:column;align-items:center;gap:55px;padding:45px 20px;display:flex}.hosted-card{background:#191c17;border:1px solid #32382a;border-radius:22px;width:100%;max-width:440px;padding:36px}.hosted-card h1{letter-spacing:-1.2px;margin:18px 0;font-size:34px}.hosted-card p{color:#abb0a2;font-size:14px;line-height:1.65}.hosted-card form{flex-direction:column;gap:12px;margin-top:30px;display:flex}.hosted-card label{font-size:12px}.hosted-card input{color:#f3f5ef;background:#11140f;border:1px solid #48503d;border-radius:8px;width:100%;padding:15px;font-size:16px}.hosted-card button{color:#182008;cursor:pointer;background:#d5e5aa;border:0;border-radius:8px;justify-content:space-between;padding:16px;font-size:14px;display:flex}.hosted-card button:disabled{opacity:.5;cursor:wait}.hosted-contact{margin-top:18px;font-size:12px;display:inline-block;text-decoration:underline!important}.hosted-error{color:#f5b7a3!important}.hosted-entry small{color:#727b68;font-size:11px}.public-home a:focus-visible,.hosted-entry a:focus-visible,.hosted-entry button:focus-visible{outline-offset:5px;outline:2px solid #d5e5aa}@media (max-width:600px){.public-home header{padding:24px}.public-hero{min-height:650px;padding:65px 24px}.public-hero h1{font-size:84px}.public-hero-bottom{flex-direction:column;align-items:start;gap:25px}.public-lines{opacity:.15;top:40%;right:-60%}.public-home footer{flex-wrap:wrap;gap:20px;padding:24px}.hosted-entry{gap:35px}.hosted-card{padding:28px 24px}}