*{box-sizing:border-box}body{min-height:100vh;margin:0}header{position:fixed;top:0;left:0;z-index:9999;padding:8px}header a{margin-right:8px;text-decoration:none;color:#666;font-family:monospace}.audio-placer[data-v-999adea3]{background-color:#111;width:100%;height:100%;font-family:monospace;display:flex;justify-content:center;align-items:center}.audio-placer>.rotate[data-v-999adea3]{position:absolute;bottom:16px;right:16px;border:none;background-color:#222;color:#aaa;width:32px;height:32px;font-size:16px;cursor:pointer}.audio-placer .table[data-v-999adea3]{width:100vmin;height:100vmin;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px}.audio-placer .public[data-v-999adea3]{color:#fff}.audio-placer .row[data-v-999adea3]{display:flex;flex-direction:row;width:100%;height:100%;gap:4px}.audio-placer .row .cell[data-v-999adea3]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.audio-placer .row .cell.token[data-v-999adea3]{background-color:#333}.audio-placer .row .cell.token.current[data-v-999adea3]{background-color:#555}.audio-placer .row .cell.current[data-v-999adea3]{background-color:#222}.audio-placer .row .cell .viz[data-v-999adea3]{height:4px;width:calc(var(--length) * 6px);background-color:var(--color)}#view-play{height:100%;overflow:hidden;display:flex;justify-content:flex-start;align-items:stretch;width:100%;height:100vh}#view-play .wrapper{height:100%;width:100%}