:root{--brand-color:#e66956;--bg:oklch(from var(--brand-color)calc(l + .8)c h);--bg-deep-0:oklch(from var(--bg)calc(l - .1)c h);--bg-deep-1:oklch(from var(--bg)calc(l - .2)c h)}html,body{background-color:var(--bg);width:100vw;height:100vh;margin:0;padding:0}body{text-align:center;font-family:sans-serif}main{flex-direction:column;justify-content:flex-start;align-items:center;height:100%;display:flex}.app-bar{z-index:1;background:var(--brand-color);box-sizing:border-box;color:#fff;justify-content:space-between;align-items:center;width:100%;height:auto;padding:1em;display:flex}.app-bar .thaw-input{width:100px}.form{flex-direction:row;gap:16px;width:auto;height:auto;margin-top:16px;margin-bottom:16px;display:inline-flex}.playlists{flex-direction:row;gap:16px;display:flex}.playlist{border:1px solid #000;width:512px;max-width:100vw}.playlist-header{background-color:var(--bg-deep-1);border-bottom:1px solid #000;padding:.5em}.playlist-item{padding:var(--table-body-cell-padding);background-color:var(--bg-deep-0)}.track-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1em;padding:1em;display:flex}.track-row-thumbnail{object-fit:cover;width:2em;height:2em}.track-row-title{overflow:scroll}.vjs-play-control{background-color:red;display:none}.booth{flex-direction:row;gap:1em;padding:1em;display:flex}.booth-controls{flex-direction:column;gap:1em;display:flex}.booth-video{width:200px;height:200px}.booth-video iframe,.booth-video img{width:100%;height:100%}