.oa-upload{margin:24px 0 28px}.oa-drop{display:flex;gap:19px;align-items:flex-start;padding:24px;border:1px dashed #7e7c8a;border-radius:12px;background:linear-gradient(130deg,#312f38,#25242b);transition:border-color .2s,background .2s}.oa-drop.is-dragover{border-color:#e7e7e9;background:#403f46}.oa-file-mark{display:grid;place-items:center;flex-shrink:0;width:42px;height:48px;border:1px solid #92909d;border-radius:6px;color:#d7d6db;font-size:27px;background:#323139}.oa-drop h3{margin:0 0 8px;font-size:19px;font-weight:500;color:#f0f0f2}.oa-drop p{font-size:12px;color:#c2c1c8;margin:0 0 17px}.oa-drop small{display:block;margin-top:14px;color:#bbbac2;font-size:11px;line-height:1.7}.oa-drop .btn{min-height:44px}.oa-list{display:grid;gap:14px;margin-top:16px}.oa-item{border:1px solid #615f6c;border-radius:10px;padding:20px;background:#27262d;min-width:0}.oa-item-title{display:flex;align-items:center;gap:12px}.oa-item strong{color:#ebeaed;font-size:14px;font-weight:500;overflow-wrap:anywhere;min-width:0}.oa-format{font-size:9px;color:#d7d7db;border:1px solid #73707f;padding:6px;border-radius:4px;flex-shrink:0}.oa-remove{border:0;background:transparent;color:#c8c7cd;font-size:23px;cursor:pointer;min-width:36px;min-height:36px;margin-left:auto}.oa-remove:disabled{opacity:.4}.oa-file-meta{font-size:11px;color:#b7b6be;margin:12px 0}.oa-file-progress{font-size:12px;color:#d7d7db;animation:oa-progress 1.5s ease-in-out infinite alternate}.oa-provenance{border-left:2px solid #ef6a92;background:#3c302b;padding:15px 17px;margin:15px 0;color:#d4d3d8;border-radius:0 7px 7px 0}.oa-provenance>strong{color:#f8d7ae;font-size:12px}.oa-provenance p{font-size:12px;line-height:1.8;margin:7px 0 12px;color:#d1d0d6}.oa-provenance small{display:block;color:#c5c4ca;margin-top:11px;font-size:10px;line-height:1.7}.oa-ready{display:block;color:#c1e4d4;font-size:12px}.oa-downloads{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:14px}.oa-downloads a{color:#cecdd2;font-size:12px;text-underline-offset:5px;line-height:1.7}.oa-status{font-size:12px;line-height:1.7;color:#bfdfd0}.oa-status:empty,.oa-upload>.error:empty{display:none}.oa-attached{margin-top:25px}.oa-attached .oa-item{margin:12px 0}.oa-upload .error{font-size:12px;line-height:1.7}.oa-upload button:focus-visible,.oa-downloads a:focus-visible{outline:2px solid #e0dfe3;outline-offset:3px}@keyframes oa-progress{to{opacity:.55}}@media(max-width:600px){.oa-drop{padding:19px 15px;gap:12px}.oa-file-mark{width:30px;height:38px;font-size:22px}.oa-drop h3{font-size:16px}.oa-drop p{font-size:11px;line-height:1.7}.oa-drop .btn{font-size:12px;padding-inline:13px}.oa-item{padding:17px 14px}.oa-item-title{gap:8px}.oa-item strong{font-size:13px}.oa-provenance{padding:14px 12px}.oa-downloads{flex-direction:column;gap:12px}.oa-provenance .btn{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.oa-upload *{animation:none!important;transition:none!important}}
.oa-player{display:flex;align-items:center;gap:20px;padding:20px;margin:16px 0;border-radius:14px;background:radial-gradient(ellipse at 0 0,#4c382b 0,transparent 65%),#201c1b;border:1px solid #6d5142;color:#f8e5d4;min-width:0}.oa-play{flex:none;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:5px solid #342921;background:linear-gradient(145deg,#ffe5bc,#b92756);color:#fff;box-shadow:0 0 0 1px #9e795c,0 6px 20px #0005;cursor:pointer;transition:transform .2s,box-shadow .2s}.oa-play svg{width:26px;height:26px}.oa-play:hover{transform:scale(1.06);box-shadow:0 0 0 1px #e4bf96,0 0 22px #ef6a9244}.oa-player-body{flex:1;min-width:0}.oa-player-body>strong{font-size:13px;font-weight:550;color:#dddde0}.oa-spectrum{display:block;width:100%;height:32px;margin:6px 0}.oa-player input[type=range]{display:block;width:100%;height:18px;padding:0;border:0;accent-color:#ef6a92;cursor:pointer}.oa-player-tools{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b8b7bf;margin-top:5px}.oa-player-tools button{font:inherit;color:#f5d1af;padding:4px 10px;border:1px solid #755c48;background:transparent;border-radius:5px;cursor:pointer}.oa-player-tools button[aria-pressed=true]{background:#59442f}.oa-player small{color:#e0c3a5;display:block;font-size:12px;margin-top:5px}.oa-player small:empty{display:none}.oa-player.is-playing{border-color:#c79268;box-shadow:inset 0 0 32px #dca56b0a}.oa-player :focus-visible{outline:2px solid #ffd1a0;outline-offset:4px}@media(max-width:520px){.oa-player{gap:12px;padding:14px}.oa-play{width:52px;height:52px}.oa-player-body>strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.oa-play{transition:none}}
.oa-player-tools{flex-wrap:wrap;gap:7px}.oa-player-tools>span,.oa-player-tools>button{white-space:nowrap}.mhl-cabinet .oa-player input[type=range]{accent-color:#ef6a92}.oa-format{white-space:nowrap}