:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page-bg:#171717;--color-surface:#262626;--color-surface-strong:#18181b;--color-surface-deep:#111113;--color-text:#f5f5f5;--color-text-muted:#d4d4d4;--color-text-subtle:#a3a3a3;--color-accent:#bbf7d0;--color-accent-hover:#86efac;--color-danger-bg:#fecaca;--color-danger-text:#450a0a;--color-light-surface:#fff;--color-light-surface-soft:#f8fafc;--color-light-text:#0f172a;--color-light-muted:#475569;--color-light-subtle:#64748b;--color-text-muted-cool:#d4d4d8;--color-text-subtle-cool:#a1a1aa;--color-danger-hover:#fca5a5;--color-light-hover:#f1f5f9;--color-light-button:#e2e8f0;--color-light-button-hover:#cbd5e1;--border-light-medium:#94a3b866;--border-light-icon:#94a3b873;--overlay-modal:#0f172aa6;--border-dark:#3f3f46;--border-input:#52525b;--border-light:#94a3b859;--border-light-strong:#94a3b8a6;--shadow-modal:0 24px 80px #0f172a59;--shadow-toolbar:0 .5rem 1.5rem #00000040;--radius-sm:.55rem;--radius-md:.65rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-pill:999px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-page-bg);font-family:var(--font-sans);margin:0}button,input,textarea,select{font:inherit}h1{max-width:720px;margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.95}h2,h3{margin-top:0}.app-shell{width:min(900px,100% - 2rem);margin:0 auto;padding:4rem 0}.panel{border:1px solid var(--border-dark);border-radius:var(--radius-xl);background:var(--color-surface);margin-top:1.5rem;padding:1.25rem}.project-form,.project-list{gap:1rem;display:grid}.track-list{gap:1rem;margin-top:1rem;display:grid}.eyebrow{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.description{max-width:620px;color:var(--color-text-muted);font-size:1.15rem;line-height:1.6}.status-message{min-height:1.5rem;color:var(--color-accent);margin:0}.empty-state{color:var(--color-text-subtle);margin-bottom:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button{font:inherit}.button,button{border-radius:var(--radius-pill);width:fit-content;color:var(--color-page-bg);background:var(--color-accent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;display:inline-flex;position:relative}.button:hover:not(:disabled),button:hover:not(:disabled){background:var(--color-accent-hover)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.button[data-busy=true],button[data-busy=true]{cursor:progress;opacity:.82}.button[data-busy=true]:after,button[data-busy=true]:after{content:"";border:.13rem solid;border-right-color:#0000;border-radius:50%;flex:0 0 .9rem;width:.9rem;height:.9rem;animation:.8s linear infinite grooveshare-spin}.button--secondary{color:var(--color-text);border:1px solid var(--border-dark);background:0 0}.button--secondary:hover:not(:disabled){background:var(--color-surface-strong)}.button--secondary-light{color:var(--color-light-text);background:var(--color-light-surface);border:1px solid var(--border-light-strong)}.button--secondary-light:hover:not(:disabled){background:var(--color-light-hover)}.button--danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.loading-state{min-height:12rem;color:var(--color-text-muted);text-align:center;align-content:center;place-items:center;gap:.8rem;padding:1.5rem;display:grid}.loading-state--compact{min-height:6rem;padding:1rem}.loading-state__spinner{border:.2rem solid var(--border-input);border-top-color:var(--color-accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite grooveshare-spin}.loading-state__message{max-width:28rem;line-height:1.5}.app-loading-page{place-items:center;min-height:100vh;display:grid}.app-loading-page__state{width:min(100%,30rem)}@keyframes grooveshare-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-state__spinner,button[data-busy=true]:after{animation:none}}input,textarea,select{border:1px solid var(--border-input);border-radius:var(--radius-lg);width:100%;color:var(--color-text);background:var(--color-page-bg);padding:.75rem}label{color:var(--color-text-muted);gap:.4rem;font-weight:700;display:grid}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}select[aria-busy=true]{cursor:progress}.modal{z-index:50;background:var(--overlay-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal__content{border:1px solid var(--border-light);border-radius:var(--radius-2xl);background:var(--color-light-surface);width:min(760px,100%);max-height:min(680px,90vh);color:var(--color-light-text);box-shadow:var(--shadow-modal);padding:1.5rem;animation:.18s ease-out modal-fly-in;overflow-y:auto}@keyframes modal-fly-in{0%{opacity:0;transform:translateY(-2rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.modal__header h2{margin:.15rem 0 0}.modal__content .eyebrow{color:var(--color-light-subtle)}.modal__content h2,.modal__content h3,.modal__content label,.modal__content span{color:var(--color-light-text)}.modal__content .description,.modal__content .help-text,.modal__content .empty-state{color:var(--color-light-muted)}.modal__content input[type=text],.modal__content input[type=file]{color:var(--color-light-text);background:var(--color-light-surface);border:1px solid var(--border-light-strong)}.modal__actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.add-tracks-modal__file-row{gap:.75rem;margin-bottom:1rem;display:grid}.help-text{color:var(--color-light-subtle);margin:0;font-size:.9rem}.pending-track-form input[type=file]{border-radius:var(--radius-lg);background:var(--color-light-surface);width:100%;color:var(--color-light-text);padding:.75rem}.pending-track-form input[type=file]::file-selector-button{border-radius:var(--radius-sm);background:var(--color-light-button);color:var(--color-light-text);cursor:pointer;border:0;margin-right:.75rem;padding:.55rem .85rem;font-weight:700}.pending-track-form input[type=file]::file-selector-button:hover{background:var(--color-light-button-hover)}.selected-audio-track-rows{gap:.75rem;display:grid}.selected-audio-track-row{border:1px solid var(--border-light);background:var(--color-light-surface-soft);color:var(--color-light-text);border-radius:.9rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:1rem;padding:1rem;display:grid}.selected-audio-track-row label{gap:.4rem;display:grid}.selected-audio-track-row label,.selected-audio-track-row span,.selected-audio-track-row p{color:var(--color-light-text)}.selected-audio-track-row span{font-size:.85rem;font-weight:700}.selected-audio-track-row p{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-light-surface);overflow-wrap:anywhere;align-items:center;min-height:2.6rem;margin:0;padding:.65rem .75rem;display:flex}@media (width<=640px){.modal,.modal__content{padding:1rem}.selected-audio-track-row{grid-template-columns:1fr}.modal__actions{flex-direction:column-reverse}.modal__actions button{width:100%}}@media (prefers-reduced-motion:reduce){.modal__content{animation:none}}.icon-button{border:1px solid var(--border-light-icon);border-radius:var(--radius-pill);background:var(--color-light-surface);width:2.5rem;height:2.5rem;color:var(--color-light-text);cursor:pointer;flex:none;place-items:center;font-size:1.35rem;font-weight:800;line-height:1;display:inline-grid}.icon-button:hover{background:var(--color-light-hover)}.audio-player{--audio-player-play-bg:#82df78;--audio-player-play-hover:#72cf68;--audio-player-stop-bg:#ff1f1f;--audio-player-stop-hover:#e51b1b;margin-top:1.5rem}.audio-player__header{margin-bottom:1.5rem}.audio-player__title{margin:0 0 1rem;font-size:2rem;font-weight:500}.audio-player__track-name{color:var(--color-text);margin:0;font-size:1.15rem}.audio-player__controls{border:2px solid var(--color-text-muted);border-radius:var(--radius-sm);background:var(--color-surface);grid-template-columns:5rem 5rem 5rem 5rem minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.75rem 1.5rem;display:grid}.audio-player__seek-back-control,.audio-player__loop-control{flex-direction:column;justify-content:center;align-items:center;gap:.45rem;display:flex}.audio-player__transport-button,.audio-player__loop-button{border:1px solid var(--border-dark);border-radius:var(--radius-lg);place-items:center;width:5rem;height:4.5rem;padding:0;line-height:1;display:grid}.audio-player__transport-button{color:var(--color-page-bg);font-size:2rem}.audio-player__seek-back-button{background:var(--color-light-button);color:var(--color-light-text);font-size:1.45rem}.audio-player__seek-back-button:hover{background:var(--color-light-button-hover)}.audio-player__play-pause-button{background:var(--audio-player-play-bg)}.audio-player__play-pause-button:hover{background:var(--audio-player-play-hover)}.audio-player__stop-button{background:var(--audio-player-stop-bg)}.audio-player__stop-button:hover{background:var(--audio-player-stop-hover)}.audio-player__transport-button:disabled{opacity:.5;cursor:not-allowed}.audio-player__seek-back-button:disabled:hover{background:var(--color-light-button)}.audio-player__play-pause-button:disabled:hover{background:var(--audio-player-play-bg)}.audio-player__stop-button:disabled:hover{background:var(--audio-player-stop-bg)}.audio-player__control-caption{color:var(--color-text-muted);font-size:.8rem;font-weight:700;line-height:1}.audio-player__loop-control{cursor:pointer;position:relative}.audio-player__loop-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.audio-player__loop-button{color:var(--color-light-text);background:var(--color-light-button);font-size:1.75rem;transition:background .12s,border-color .12s,transform .12s}.audio-player__loop-control:hover .audio-player__loop-button{background:var(--color-light-button-hover)}.audio-player__loop-control input:checked+.audio-player__loop-button{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.audio-player__loop-control input:focus-visible+.audio-player__loop-button{outline:3px solid var(--color-text);outline-offset:3px}.audio-player__timeline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;display:grid}.audio-player__timestamp,.audio-player__duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.audio-player__progress{width:100%;min-height:2rem;margin:0}@media (width<=48rem){.audio-player__controls{grid-template-columns:repeat(4,minmax(4.5rem,1fr));gap:1rem}.audio-player__timeline{grid-column:1/-1;width:100%}.audio-player__transport-button,.audio-player__loop-button{justify-self:center}}.mix-channel-panel{--mix-channel-grid-columns:5.5rem minmax(10rem, 1fr) minmax(8rem, 12rem) 6rem;gap:1rem;display:grid}.mix-channel-panel__header{align-items:start;gap:1rem;display:grid}.mix-channel-panel__title{margin:0;font-size:1.1rem}.mix-channel-panel__description{color:var(--color-text-subtle-cool);margin:.3rem 0 0;line-height:1.45}.mix-channel-grid-header{text-align:center;display:none}.mix-channel-slots{border:1px solid var(--border-input);border-radius:var(--radius-xl);background:var(--color-surface-strong);display:grid;overflow:hidden}.mix-channel-slot{background:var(--color-surface-strong);grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-areas:"channel name actions""channel volume actions";gap:0;display:grid}.mix-channel-slot:not(:last-child){border-bottom:1px solid var(--border-dark)}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell,.mix-channel-slot__actions{min-width:0;padding:.7rem}.mix-channel-slot__channel-cell{grid-area:channel}.mix-channel-slot__name-cell{grid-area:name}.mix-channel-slot__volume-cell{grid-area:volume}.mix-channel-slot__actions{grid-area:actions}.mix-channel-slot__channel-cell{justify-content:center;align-items:center;display:flex}.mix-channel-slot__channel-toggle{cursor:pointer;display:inline-grid;position:relative}.mix-channel-slot__enabled-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.mix-channel-slot__channel-number{border:1px solid var(--border-input);border-radius:var(--radius-sm);width:3.15rem;height:3.15rem;color:var(--color-light-text);background:var(--color-light-button);place-items:center;font-size:1.05rem;font-weight:700;transition:background .12s,border-color .12s,transform .12s;display:grid}.mix-channel-slot__enabled-input:checked+.mix-channel-slot__channel-number{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.mix-channel-slot__enabled-input:focus-visible+.mix-channel-slot__channel-number{outline:3px solid var(--color-text);outline-offset:3px}.mix-channel-slot__channel-toggle:hover .mix-channel-slot__channel-number{transform:translateY(-1px)}.mix-channel-slot__name-cell{align-items:center;display:flex}.mix-channel-slot__editable-name{border-radius:var(--radius-sm);border:1px solid #0000;width:100%;min-width:0;padding:.2rem .3rem;transition:background .12s,border-color .12s;display:flex}.mix-channel-slot__editable-name--enabled:hover{border-color:var(--border-input)}.mix-channel-slot__editable-name--enabled:focus-within{border-color:var(--color-light-button);background:var(--color-light-button)}.mix-channel-slot__track-name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.mix-channel-slot__track-name[contenteditable=true]{cursor:text;outline:none}.mix-channel-slot__editable-name--enabled:focus-within .mix-channel-slot__track-name{color:var(--color-light-text);caret-color:var(--color-light-text)}.mix-channel-slot__volume-cell{align-items:center;display:flex}.mix-channel-slot__volume-label{gap:.4rem;width:100%;display:grid}.mix-channel-slot__volume-value{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:center;font-size:.8rem;font-weight:600}.mix-channel-slot__volume-label input{width:100%;margin:0}.mix-channel-slot__actions{justify-content:center;align-items:center;display:flex}.mix-channel-slot__delete-button,.mix-channel-slot__add-track-button{padding:.6rem .8rem;font-size:.8rem}.mix-channel-slot__empty-name{display:none}.mix-channel-slot--empty{grid-template-columns:1fr;grid-template-areas:"channel";min-height:4.75rem}.mix-channel-slot--empty .mix-channel-slot__channel-cell{justify-content:flex-start}.mix-channel-slot--empty .mix-channel-slot__name-cell,.mix-channel-slot--empty .mix-channel-slot__volume-cell,.mix-channel-slot--empty .mix-channel-slot__actions{display:none}@media (width>=700px){.mix-channel-panel__header{grid-template-columns:1fr auto;align-items:center}.mix-channel-grid-header,.mix-channel-slot{grid-template-columns:var(--mix-channel-grid-columns)}.mix-channel-grid-header{color:var(--color-text);font-size:.85rem;font-weight:600;display:grid}.mix-channel-grid-header>span{padding-inline:.65rem}.mix-channel-slot{grid-template-areas:"channel name volume actions"}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell{border-right:1px solid var(--border-dark)}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell,.mix-channel-slot__actions{padding:.65rem}.mix-channel-slot--empty{grid-template-columns:var(--mix-channel-grid-columns);grid-template-areas:"channel name volume actions"}.mix-channel-slot--empty .mix-channel-slot__name-cell,.mix-channel-slot--empty .mix-channel-slot__volume-cell,.mix-channel-slot--empty .mix-channel-slot__actions{display:block}}@media (width<=30rem){.mix-channel-panel__header .button{width:100%}.mix-channel-slot{grid-template-columns:4rem minmax(0,1fr);grid-template-areas:"channel name""volume volume""actions actions"}.mix-channel-slot__actions{justify-content:flex-end;padding-top:0}.mix-channel-slot__delete-button{width:100%}.mix-channel-slot--empty{grid-template-columns:1fr;grid-template-areas:"channel"}.mix-channel-slot__add-track-button{width:100%}}.auth-page{width:min(960px,100% - 2rem);min-height:100vh;margin:0 auto;padding:4rem 0}.auth-page__hero{text-align:center;margin-bottom:3rem}.auth-page__title{max-width:none;font-size:clamp(3.5rem,8vw,6rem);font-weight:500;line-height:1}.auth-page__tagline{color:var(--color-text-muted);margin:1.25rem 0 0;font-size:clamp(1.15rem,3vw,1.6rem)}.auth-page__forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.auth-card{padding:2rem}.auth-card__intro{min-height:3rem;color:var(--color-text-muted);line-height:1.5}.auth-form{gap:1rem;display:grid}.auth-form__hint{color:var(--color-text-subtle);margin:-.25rem 0 0;font-size:.9rem}.auth-page__status{text-align:center;min-height:1.5rem;margin:1.5rem 0 0}@media (width<=44rem){.auth-page{padding:3rem 0}.auth-page__forms{grid-template-columns:1fr}.auth-card__intro{min-height:auto}}.project-menu-page{width:min(900px,100% - 2rem);min-height:100vh;margin:0 auto;padding:4rem 0}.project-menu-hero{text-align:center;margin-bottom:4rem}.project-menu-hero__title{max-width:none;margin:0;font-size:clamp(3.5rem,8vw,6rem);font-weight:500;line-height:1}.project-menu-hero__tagline{color:var(--color-text-muted);margin:1.25rem 0 0;font-size:clamp(1.25rem,3vw,1.75rem)}.project-menu-panel{min-height:19rem;padding:2rem}.project-menu-panel__title{margin:0 0 1.5rem}.project-menu-panel__list{justify-content:flex-start;display:flex}.project-list--menu{gap:1rem;width:min(100%,14rem);margin:0 0 0 2.5rem;padding:0;list-style:none;display:grid}.project-list__item{margin:0}.project-list__button--menu{justify-content:center;align-items:center;width:100%;display:flex}.project-list__title{display:block}.project-menu-actions{justify-content:center;margin-top:2rem;display:flex}.project-menu-actions__button{min-width:14rem}.project-menu-session{border:1px solid var(--border-dark);border-radius:var(--radius-xl);background:var(--color-surface-strong);justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.25rem;display:flex}.project-menu-session__identity{color:var(--color-text-muted);flex-wrap:wrap;gap:.35rem .5rem;margin:0;display:flex}.project-menu-session__identity span{color:var(--color-text-subtle)}@media (width<=40rem){.project-menu-page{padding:3rem 0}.project-menu-hero{margin-bottom:3rem}.project-menu-panel{min-height:auto}.project-menu-panel__list{justify-content:stretch}.project-list--menu{width:100%;margin-left:0}.project-menu-session{flex-direction:column;align-items:flex-start}.project-menu-actions__button{width:min(100%,18rem)}}.project-menu-panel__list>.loading-state{width:100%}.create-project-page{width:min(100%,42rem);margin:0 auto}.create-project-header{margin-bottom:1.5rem}.create-project-header h1{margin-top:.5rem}.create-project-panel{padding:2rem}.create-project-form{gap:1.25rem;display:grid}.create-project-form__section{gap:.875rem;display:grid}.create-project-form__section h2{margin:0}.create-project-actions{justify-content:center;margin-top:1rem;display:flex}.create-project-actions button{min-width:14rem}.add-audio-tracks-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tracks-to-include-section{border:1px solid var(--border-light);background:var(--color-light-surface-soft);color:var(--color-light-text);border-radius:.9rem;margin-top:1rem;padding:1rem}.tracks-to-include-section h3,.tracks-to-include-section li,.tracks-to-include-section p,.tracks-to-include-section strong,.tracks-to-include-section span{color:var(--color-light-text)}.tracks-to-include-section ul{gap:.85rem;margin:.75rem 0 0;padding-left:1.25rem;display:grid}.tracks-to-include-section li{border:1px solid var(--border-light-medium);background:var(--color-light-surface);border-radius:.75rem;padding:.75rem}.tracks-to-include-section button{margin-top:.65rem}.tracks-to-include-section .empty-state{color:var(--color-light-muted)}.create-project-confirmation-modal{gap:1.25rem;display:grid}.create-project-confirmation-modal__body{gap:1.5rem;display:grid}.create-project-confirmation-modal__section{gap:.75rem;display:grid}.create-project-confirmation-summary{gap:1rem;margin:0;display:grid}.create-project-confirmation-summary div{gap:.25rem;display:grid}.create-project-confirmation-summary dt{color:var(--color-light-muted);font-weight:700}.create-project-confirmation-summary dd{color:var(--color-light-text);margin:0}.create-project-confirmation-track-list{gap:.75rem;margin:0;padding-left:1.25rem;display:grid}.create-project-confirmation-track-list__item{color:var(--color-light-text)}.create-project-confirmation-track-list__item span{color:var(--color-light-muted);font-size:.9rem;display:block}@media (width<=40rem){.create-project-panel{padding:1.25rem}.create-project-actions button{width:100%}}.project-player-page{width:min(100%,56rem);margin:0 auto}.project-player-header{margin-bottom:2rem}.project-player-header__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-player-header__details{gap:.65rem;display:grid}.project-player-header .eyebrow{margin:0}.project-player-editable{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;width:fit-content;max-width:100%;padding:.2rem .35rem;transition:background .12s,border-color .12s;display:flex}.project-player-editable--enabled:hover{border-color:var(--border-input)}.project-player-editable--enabled:focus-within{border-color:var(--color-light-button);background:var(--color-light-button)}.project-player-editable__text{outline:none;min-width:0;margin:0}.project-player-editable__text[contenteditable=true]{cursor:text}.project-player-editable--enabled:focus-within .project-player-editable__text{color:var(--color-light-text);caret-color:var(--color-light-text)}.project-player-editable__title{overflow-wrap:anywhere;max-width:720px}.project-player-editable--description{max-width:min(100%,48rem);margin-top:.15rem}.project-player-editable__description{color:var(--color-text-muted-cool);overflow-wrap:anywhere;line-height:1.55}.project-player-editable__description:empty:before{content:attr(data-placeholder);color:var(--color-text-subtle-cool)}.project-player-editable__description:focus:empty:before{content:""}.project-player-tracks-panel{padding:1.5rem}.project-player-tracks-panel h2{margin:0 0 1.25rem}.project-player-header__eyebrow-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-role-badge,.project-member-row__role-badge{border:1px solid var(--border-input);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:1.8rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.mix-channel-slot__empty-label{opacity:.65;font-size:.85rem}.project-members-panel{margin-top:1.5rem}.project-members-panel__header{margin-bottom:1rem}.project-member-form{grid-template-columns:minmax(0,1fr) minmax(9rem,.35fr) auto;align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.project-member-form__field{gap:.4rem;display:grid}.project-member-form input,.project-member-form select,.project-member-row select{border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:inherit;background:0 0;padding:.65rem .75rem}.project-member-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.project-member-row{border-top:1px solid var(--border-input);grid-template-columns:minmax(0,1fr) minmax(9rem,.35fr) auto;align-items:center;gap:.75rem;padding:.85rem 0;display:grid}.project-member-row__identity{gap:.15rem;min-width:0;display:grid}.project-member-row__identity span{overflow-wrap:anywhere;opacity:.75}.project-member-row__role-badge{justify-self:start}.project-player-loading{min-height:18rem}.project-player-loading[hidden],.project-player-content[hidden]{display:none}.project-player-loading__state{min-height:18rem}#player-track-list[aria-busy=true],#project-member-list[aria-busy=true]{cursor:progress}.project-member-list select[aria-busy=true]{cursor:progress;opacity:.65}@media (width<=42rem){.project-member-form,.project-member-row{grid-template-columns:1fr}.project-member-row__remove-button,.project-member-row__role-control{width:100%}}@media (width<=56rem){.app-shell{width:min(100%,48rem);padding-inline:1rem}.project-player-page{width:min(100%,48rem)}}@media (width<=44rem){.project-player-header__actions{align-items:stretch}.project-player-header__actions .button{flex:auto;justify-content:center}.project-player-tracks-panel{padding:1.1rem}}