.dcn-music{--music-accent:#087f8c;--music-bottom:24px;position:fixed;left:18px;bottom:calc(var(--music-bottom) + env(safe-area-inset-bottom,0px));z-index:1090;width:min(318px,calc(100vw - 36px));color:#173c44;background:#fff;border:1px solid #d1e5e8;border-radius:22px;box-shadow:0 8px 35px #123a442b;font-family:inherit;font-style:normal;line-height:1.6;text-align:left;overflow:hidden}.dcn-music[hidden],.dcn-music [hidden]{display:none!important}.dcn-music[data-position=right]{left:auto;right:18px}.dcn-music-main{display:flex;align-items:center;gap:10px;padding:10px}.dcn-music button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:0;border-radius:12px;background:#edf6f6;color:#174650;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px}.dcn-music button:focus-visible,.dcn-music input:focus-visible{outline:3px solid var(--music-accent);outline-offset:3px}.dcn-music .dcn-music-toggle{background:var(--music-accent);color:white;border-radius:50%;flex:0 0 44px}.dcn-music-copy{flex:1;min-width:0;display:grid;font-size:12px}.dcn-music-label{font-weight:600;font-size:14px}.dcn-music-copy [data-music-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536b70}.dcn-music-controls{padding:0 14px 14px;border-top:1px solid #e5eeee}.dcn-music-transport{display:flex;align-items:center;gap:6px;padding-top:10px}.dcn-music-transport button{font-size:12px}.dcn-music-transport [data-music-time]{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}.dcn-music-range{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:8px}.dcn-music-range input{min-width:0;flex:1;height:30px;accent-color:var(--music-accent);cursor:pointer}.dcn-music-range output{min-width:32px}.dcn-music-status{margin:8px 0 0;color:#536b70;font-size:11px;line-height:1.7}.dcn-music-preview{position:static;width:min(400px,100%);margin:24px auto}.dcn-music-empty{text-align:center;padding:32px;color:#526c71}.dcn-music button:hover{filter:brightness(.95)}@media(max-width:600px){.dcn-music{left:12px;max-width:calc(100vw - 100px);bottom:calc(var(--music-bottom) + env(safe-area-inset-bottom,0px));border-radius:18px}.dcn-music[data-position=right]{right:12px}.dcn-music-main{gap:8px;padding:8px}.dcn-music-copy{font-size:11px}.dcn-music-label{font-size:12px}.dcn-music-preview{max-width:100%}}@media(prefers-reduced-motion:reduce){.dcn-music *{animation:none!important;transition:none!important}}

.dcn-music-transport{flex-wrap:wrap}.dcn-music-choose{display:grid;gap:4px;margin-top:10px;font-size:12px}.dcn-music-choose select{font:inherit;min-width:0;max-width:100%;width:100%;min-height:44px;border:1px solid #c8dfe2;border-radius:8px;background:#fff;color:#173c44;padding:6px}.dcn-music select:focus-visible{outline:3px solid var(--music-accent);outline-offset:2px}