.rw-melodic{--me-ink:#f0e4d8;--me-muted:#b9a0b2;background:#f2e4e7;color:#302033;padding:44px 16px 52px;container-type:inline-size;font:400 14px/1.5 Arial,Helvetica,sans-serif;scroll-margin-top:20px}.rw-melodic *{box-sizing:border-box}.rw-melodic__inner{max-width:1100px;margin:auto}.rw-melodic__intro{max-width:650px;text-align:center;margin:0 auto 28px}.rw-melodic__eyebrow{font-size:9px;letter-spacing:.18em;color:#a01c6b;font-weight:600;margin:0 0 14px}.rw-melodic h2{color:inherit;margin:0}.rw-melodic__intro>p:not(.rw-melodic__eyebrow){font-size:13px;line-height:1.65;color:#664859;margin:14px 0 0}.rw-melodic__browser{display:block;max-width:1000px;margin:auto;background:#28202d;color:var(--me-ink);border:1px solid #684a60;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px #30203312}.rw-melodic__folder{display:flex;align-items:center;gap:9px;padding:17px 13px;border-bottom:1px solid #ac809b3b;color:#e6bad3;font-size:9px;letter-spacing:.07em}.rw-melodic__folder svg{flex-shrink:0}.rw-melodic__folder-count{margin-left:auto;font-size:7px;color:#ac8ca1;white-space:nowrap}.rw-melodic__files{background:#231c28;padding:4px 10px}.rw-melodic button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rw-melodic__files button{width:100%;display:grid;grid-template-columns:17px minmax(0,1fr);gap:3px 9px;align-items:center;min-height:49px;padding:7px 7px;border:0;border-left:2px solid transparent;border-bottom:1px solid #ae83a01f;background:transparent;color:#dfcad9;text-align:left}.rw-melodic__files button>svg{grid-row:1/3;color:#bd8da9}.rw-melodic__file-name{font-size:10px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:.01em}.rw-melodic__file-meta{font-size:8px;color:#af91a6}.rw-melodic__file-meta>span{margin:0 4px}.rw-melodic__files button[aria-pressed=true]{border-left-color:#e284bb;background:#c3468b24;color:#ffe1f2}.rw-melodic__files button[aria-pressed=true]>svg{color:#f1b5d5}.rw-melodic__preview{padding:20px 17px 21px}.rw-melodic__selected-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#d49abb;letter-spacing:.035em}.rw-melodic__selected-name{font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;margin:9px 0 16px;color:#f0dfeb}.rw-melodic__wave{position:relative;border-top:1px solid #b988a442;border-bottom:1px solid #b988a442;background:#211a27;padding:12px 10px 10px;overflow:hidden}.rw-melodic__wave-label{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.08em;color:#b293a9}.rw-melodic [data-melodic-wave-label]{letter-spacing:0;color:#d0a8bf}.rw-melodic [data-melodic-wave]{display:block;width:100%;height:112px;margin:12px 0 9px;color:#cf6da6;background:linear-gradient(#b58a9f33,#b58a9f33) center/100% 1px no-repeat}.rw-melodic__wave-footer{font-size:6px;letter-spacing:.14em;color:#94758a}.rw-melodic .rw-melodic__wave-head{position:absolute;top:35px;bottom:28px;width:1px;background:#f3d2e5;pointer-events:none}.rw-melodic [hidden]{display:none!important}.rw-melodic__transport{display:flex;align-items:center;gap:14px;margin-top:16px}.rw-melodic [data-melodic-play]{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid #b8769d;color:#f5c8e0;font-size:14px}.rw-melodic [data-melodic-play]:disabled{color:#997d91;border-color:#715769;cursor:not-allowed}.rw-melodic__transport>div{flex:1;min-width:0}.rw-melodic [data-melodic-seek]{appearance:none;display:block;width:100%;height:2px;background:#74576c;margin:0;opacity:1}.rw-melodic [data-melodic-seek]::-webkit-slider-thumb{appearance:none;width:6px;height:6px;background:#bb8da9;border-radius:50%}.rw-melodic [data-melodic-status]{font-size:8px;color:#b69aaf;margin:8px 0 0}.rw-melodic :focus-visible{outline:2px solid #eea5d0;outline-offset:3px}
@container(min-width:750px){.rw-melodic__intro{margin-bottom:34px}.rw-melodic__intro>p:not(.rw-melodic__eyebrow){font-size:14px}.rw-melodic__folder{padding:20px 24px;font-size:11px}.rw-melodic__folder-count{font-size:8px}.rw-melodic__layout{display:grid;grid-template-columns:1.1fr 1fr}.rw-melodic__files{padding:8px 14px 16px;border-right:1px solid #ac809b30}.rw-melodic__files button{min-height:49px;padding:8px 10px;column-gap:10px}.rw-melodic__file-name{font-size:11px}.rw-melodic__preview{padding:30px 28px;align-self:center}.rw-melodic__selected-name{font-size:13px;margin-bottom:24px}.rw-melodic [data-melodic-wave]{height:155px}.rw-melodic__selected-meta{font-size:10px}}
@media(hover:hover){.rw-melodic__files button:hover{color:#ffcee9}}

/* A contained DAW folder on phones; filenames always wrap, never truncate. */
.rw-melodic__file-area{min-width:0;background:#231c28}.rw-melodic__scroll-hint{display:none;margin:0;padding:7px 17px;border-top:1px solid #ae83a033;font-size:8px;color:#b99aae;letter-spacing:.025em}.rw-melodic__scroll-hint span{float:right}.rw-melodic [data-melodic-wave]{touch-action:pan-y}.rw-melodic [data-melodic-wave].is-seekable{cursor:crosshair}
@container(max-width:749px){.rw-melodic__files{max-height:204px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b56c99 #231c28;scroll-padding-block:4px}.rw-melodic__scroll-hint{display:block}.rw-melodic__files:focus-visible{outline-offset:-3px}}

.rw-melodic .rw-melodic__wave-head{display:block;z-index:2;bottom:auto;width:1px;background:#fff0f8;box-shadow:0 0 2px #e66ab3}.rw-melodic .rw-melodic__wave-head[hidden]{display:none}

.rw-melodic__file-area{position:relative}.rw-melodic__scroll-indicator{display:block;position:absolute;right:4px;top:0;width:4px;border-radius:3px;background:#553c50;pointer-events:none}.rw-melodic__scroll-indicator span{position:absolute;left:0;width:100%;border-radius:inherit;background:#c68aac}.rw-melodic__scroll-indicator[hidden]{display:none}.rw-melodic:has(rewind-scroll-indicator:defined) .rw-melodic__files{scrollbar-width:none}.rw-melodic:has(rewind-scroll-indicator:defined) .rw-melodic__files::-webkit-scrollbar{display:none}
