.katman-player{--player-accent:#ff2854;--bar-color:#cfcfcf;display:flex;align-items:center;flex-wrap:wrap;gap:14px;width:100%;padding:16px;box-sizing:border-box;background:#fff;border-radius:10px;font-family:inherit}.katman-player .katman-cover{flex:0 0 auto;width:80px;height:80px;object-fit:cover;border-radius:6px}.katman-player .katman-play{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--player-accent);color:#fff;font-size:19px;line-height:1;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.katman-player .katman-play:hover{transform:scale(1.06);opacity:.92}.katman-player .katman-play:focus-visible,.katman-player .katman-progress:focus-visible,.katman-player .katman-wave:focus-visible{outline:2px solid #222;outline-offset:4px}.katman-player .katman-details{flex:1;min-width:0}.katman-player .katman-artist{color:#666;font-size:12px;line-height:1.3;margin-bottom:2px}.katman-player .katman-title{margin-bottom:8px;color:#222;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.katman-player .katman-progress{display:block;width:100%;height:6px;margin:0;padding:0;accent-color:var(--player-accent);cursor:pointer}.katman-player .katman-wave{display:flex;align-items:center;gap:2px;height:48px;cursor:pointer;touch-action:none}.katman-player .katman-wave span{flex:1;min-width:1px;background:var(--bar-color);border-radius:2px;transition:background-color .1s linear}.katman-player .katman-wave span.played{background:var(--player-accent)}.katman-player .katman-time{display:flex;justify-content:space-between;margin-top:7px;color:#666;font-size:11px}.katman-player .katman-status{flex-basis:100%;color:#b00020;font-size:12px}.katman-player .katman-status:empty{display:none}.katman-player.katman-empty{background:#f5f5f5}