.upload-file-stack{--stack-open-dur:.41s;--stack-open-ease:cubic-bezier(.31, 2.34, .64, 1);--stack-close-dur:.36s;--stack-close-ease:cubic-bezier(.34, 1.9, .64, 1);--stack-scale-dur:.61s;--stack-scale-ease:cubic-bezier(.22, 1, .36, 1);--stack-scale:1.04;--stack-spread:1.42;--stack-rotation:1;flex-shrink:0;width:86px;height:66px;margin:12px auto 0;display:block;position:relative}.upload-file-stack>span{background:color-mix(in srgb, rgb(var(--cream)) 14%, rgb(var(--brand-dark)));width:48px;height:58px;translate:var(--cx) var(--cy);rotate:var(--rot);transition:translate var(--stack-close-dur) var(--stack-close-ease), rotate var(--stack-close-dur) var(--stack-close-ease), scale var(--stack-scale-dur) var(--stack-scale-ease);border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:0;left:0;scale:1}.upload-file-stack>span:last-child{background:rgb(var(--cream));color:rgb(var(--brand-dark));box-shadow:0 3px 8px #0000001f}.workflow-drop-zone:is([data-dragging=true],:focus-visible){border-color:rgb(var(--cream));background-color:rgb(var(--cream) / .1)}.workflow-drop-zone:is([data-dragging=true],:focus-visible) .upload-file-stack>span{translate:calc(var(--cx) + var(--dx)) calc(var(--cy) + var(--dy) * var(--stack-spread));rotate:calc(var(--rot) + var(--drot) * var(--stack-rotation));transition:translate var(--stack-open-dur) var(--stack-open-ease), rotate var(--stack-open-dur) var(--stack-open-ease), scale var(--stack-scale-dur) var(--stack-scale-ease)}.workflow-drop-zone:is([data-dragging=true],:focus-visible) .upload-file-stack>span:last-child{scale:var(--stack-scale)}@media (hover:hover){.workflow-drop-zone:hover{border-color:rgb(var(--cream));background-color:rgb(var(--cream) / .05)}.workflow-drop-zone:hover .upload-file-stack>span{translate:calc(var(--cx) + var(--dx)) calc(var(--cy) + var(--dy) * var(--stack-spread));rotate:calc(var(--rot) + var(--drot) * var(--stack-rotation));transition:translate var(--stack-open-dur) var(--stack-open-ease), rotate var(--stack-open-dur) var(--stack-open-ease), scale var(--stack-scale-dur) var(--stack-scale-ease)}.workflow-drop-zone:hover .upload-file-stack>span:last-child{scale:var(--stack-scale)}}@media (prefers-reduced-motion:reduce){.workflow-drop-zone .upload-file-stack>span,.workflow-drop-zone:is(:hover,:focus-visible,[data-dragging=true]) .upload-file-stack>span,.workflow-drop-zone:is(:hover,:focus-visible,[data-dragging=true]) .upload-file-stack>span:last-child{translate:var(--cx) var(--cy);rotate:var(--rot);transition:none;scale:1}}
.audio-upload-preview{background:rgb(var(--cream) / .04);border:2px dashed #0000;border-radius:16px;padding:16px;transition:border-color .18s,background-color .18s;position:relative}.audio-upload-preview[data-dragging=true]{border-color:rgb(var(--cream));background:rgb(var(--cream) / .1)}.audio-upload-action{background:rgb(var(--cream) / .1);min-height:34px;color:rgb(var(--cream));border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.audio-upload-action:focus-visible{outline:2px solid rgb(var(--cream));outline-offset:3px}.audio-upload-action.audio-upload-replace{padding:6px 12px 6px 10px;font-weight:500;line-height:22px}.audio-upload-action.audio-upload-remove{background:0 0;flex-shrink:0;align-self:flex-start;width:34px;height:34px;min-height:34px;margin:-8px -8px 0 0;padding:0}.audio-upload-action.audio-upload-remove:focus-visible{background:rgb(var(--cream) / .1)}.audio-upload-action:disabled{opacity:.5}@media (hover:hover){.audio-upload-action:enabled:hover{background:rgb(var(--cream) / .18)}.audio-upload-action.audio-upload-remove:enabled:hover{background:rgb(var(--cream) / .1)}}.audio-upload-morph{flex-shrink:0;display:inline-flex}.audio-upload-badge{width:16px;height:16px;transition:scale .25s ease-out;position:relative;scale:1}.audio-upload-ring,.audio-upload-arc,.audio-upload-fill,.audio-upload-check{border-radius:50%;width:100%;height:100%;transition:opacity .25s ease-out;position:absolute;inset:0}.audio-upload-ring{border:1.8px solid rgb(var(--cream) / .15)}.audio-upload-arc{border:1.8px solid #0000;border-top-color:rgb(var(--cream));animation:.9s linear infinite audio-upload-spin}.audio-upload-fill{opacity:0;background:#35ba00}.audio-upload-check path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .25s ease-out}.audio-upload-morph[data-animate=true]{animation:.35s ease-out audio-upload-blur}.audio-upload-morph[data-state=done] .audio-upload-badge{transition:scale .35s cubic-bezier(.34,1.96,.94,1);scale:1.09}.audio-upload-morph[data-animate=true] .audio-upload-badge{animation-name:audio-upload-up,audio-upload-down;animation-duration:.25s,.3s;animation-timing-function:cubic-bezier(.34,1.35,.64,1),cubic-bezier(.14,2.56,.94,1);animation-delay:0s,.25s;animation-fill-mode:forwards,forwards}.audio-upload-morph[data-state=done] .audio-upload-ring,.audio-upload-morph[data-state=done] .audio-upload-arc{opacity:0;animation-play-state:paused}.audio-upload-morph[data-state=done] .audio-upload-fill{opacity:1;transition:opacity .35s cubic-bezier(.34,1.35,.64,1)}.audio-upload-morph[data-state=done] .audio-upload-check path{stroke-dashoffset:0;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1) .23s}@keyframes audio-upload-spin{to{transform:rotate(360deg)}}@keyframes audio-upload-up{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes audio-upload-down{0%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes audio-upload-blur{45%{filter:blur(.5px)}}@media (prefers-reduced-motion:reduce){.audio-upload-preview,.audio-upload-action,.audio-upload-morph[data-state],.audio-upload-morph.audio-upload-morph[data-state] *,.audio-upload-morph[data-state] .audio-upload-check path{filter:none;transition:none;animation:none}}.audio-upload-action.audio-upload-play{flex-shrink:0;width:33px;height:33px;min-height:33px;padding:0}.audio-upload-morph[data-state=pending] .audio-upload-arc{opacity:0;animation:none}.audio-upload-dropzone{text-align:center;border:2px dashed rgb(var(--cream) / .25);background:rgb(var(--cream) / .04);border-radius:16px;padding:20px 16px 16px;transition:border-color .18s,background-color .18s}.audio-upload-title{letter-spacing:-.025em;margin:12px 0 6px;font-size:18px;font-weight:500;line-height:26px}@media (prefers-reduced-motion:reduce){.audio-upload-dropzone{transition:none}}
.song-source-toggle{isolation:isolate;background:rgb(var(--cream) / .04);border-radius:999px;gap:4px;padding:4px;display:flex;position:relative}.song-source-pill{z-index:-1;pointer-events:none;background:rgb(var(--cream));border-radius:999px;width:calc(50% - 6px);transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;inset:4px auto 4px 4px;transform:translate(0)}.song-source-toggle[data-source=file] .song-source-pill{transform:translate(calc(100% + 4px))}.song-source-toggle button{min-width:0;min-height:40px;color:rgb(var(--cream) / .7);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .15s;display:flex}.song-source-toggle button[aria-pressed=true]{color:rgb(var(--brand-dark))}.song-source-toggle button:disabled{cursor:not-allowed}.song-source-toggle button:focus-visible{outline:1px solid rgb(var(--cream));outline-offset:3px}.song-source-toggle button[aria-pressed=false]:focus-visible{color:rgb(var(--cream))}@media (hover:hover) and (pointer:fine){.song-source-toggle button[aria-pressed=false]:enabled:hover{color:rgb(var(--cream))}}.song-source-toggle button:focus-visible{transition:none}@media (prefers-reduced-motion:reduce){.song-source-pill,.song-source-toggle button{transition:none}}