/* Scoped to our own user interface; native player controls are never restyled. */
.cpume{box-sizing:border-box;margin:10px 0 18px;max-width:100%;font:inherit;font-size:14px;line-height:1.4;color:var(--cpume-fg,#202b3b)}
.cpume,.cpume *{box-sizing:border-box}
.cpume-panel{background:var(--cpume-bg,#f7f9fc);border:1px solid var(--cpume-line,#d5dce5);border-radius:9px;overflow:hidden}
.cpume-panel>summary{cursor:pointer;list-style:revert;padding:10px 14px;font-weight:600;user-select:none}
.cpume-panel>summary:focus-visible,.cpume :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.cpume-body{padding:6px 14px 14px;border-top:1px solid var(--cpume-line,#d5dce5)}
.cpume-row{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:10px 0}
.cpume label{display:inline-flex;gap:6px;align-items:center;font-size:inherit}
.cpume select,.cpume button{font:inherit;background:#fff;color:#19283b;border:1px solid #a7b4c4;border-radius:5px;padding:5px 9px;min-height:34px}
.cpume button{cursor:pointer}
.cpume input[type=checkbox]{width:16px;height:16px;margin:0}
.cpume-status{margin:8px 0 4px;font-size:12px;color:#41566d}
.cpume-status[data-error=true]{color:#a72323;font-weight:600}
.cpume-band-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px;scrollbar-width:thin}
.cpume-bands{display:flex;width:max-content;gap:3px;padding:10px 3px 2px}
.cpume-band{display:flex;flex-direction:column;align-items:center;gap:4px;width:39px;min-width:39px}
.cpume-band output{font-variant-numeric:tabular-nums;font-size:11px;min-width:28px;text-align:center}
.cpume-band input[type=range]{writing-mode:vertical-lr;direction:rtl;height:104px;width:30px;min-width:30px;cursor:pointer;accent-color:#276cbd}
.cpume-band small{font-size:10px;white-space:nowrap;color:#33445d}
.cpume-preamp{margin-top:6px}
.cpume-preamp input{width:130px;accent-color:#276cbd}
.cpume-visual{display:block;width:100%;height:126px;max-height:180px;background:#101e31;border-radius:5px}
.cpume-canvaswrap{margin-top:10px}
.cpume-help{font-size:12px;color:#42556a;margin:8px 0 0}
.cpume[hidden],.cpume [hidden]{display:none!important}
@media (prefers-color-scheme:dark){.cpume{--cpume-fg:#e6edf6;--cpume-bg:#172334;--cpume-line:#425469}.cpume select,.cpume button{background:#223248;color:#e6edf6;border-color:#70839a}.cpume-band small,.cpume-help,.cpume-status{color:#cbd8e8}}
@media (prefers-reduced-motion:reduce){.cpume *{scroll-behavior:auto!important}}