.playlist-picker { position: relative; width: 100%; }
.playlist-picker > button { width: 100%; text-align: left; background: #080706; color: #CDBA96; border: 1px solid #CDBA96; border-radius: 10px; padding: 14px; font: inherit; cursor: pointer; }
.playlist-picker > button::after { content: '▾'; float: right; margin-left: 12px; }
.playlist-picker > button:focus-visible { outline: 2px solid #CDBA96; outline-offset: 3px; }
.playlist-picker > button[aria-invalid="true"] { border-color: #ff9b9b; }
.playlist-picker [role="listbox"] { position: absolute; left: 0; right: 0; z-index: 40; max-height: 320px; overflow: auto; margin-top: 4px; border: 1px solid #CDBA96; border-radius: 10px; background: #080706; box-shadow: 0 12px 28px #0009; }
.playlist-picker [role="option"] { color: #CDBA96; padding: 13px 14px; cursor: pointer; overflow-wrap: anywhere; }
.playlist-picker [role="option"].is-active { outline: 1px solid #CDBA96; outline-offset: -2px; background: #CDBA961a; }
.playlist-picker [role="option"][aria-disabled="true"] { cursor: default; }
.playlist-picker [role="option"].is-closed { color: #ff9b9b; cursor: not-allowed; }
.playlist-picker-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }