#jukeboxWorkspace{display:none}body[data-workspace="jukebox"] #jukeboxWorkspace{display:block}
@media(min-width:850px){body .home-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
.home-choices .jukebox-home-art{position:relative;aspect-ratio:3/2;height:auto;min-height:0;display:block;overflow:hidden;background:#e7eee1;padding:0}
.jukebox-home-art img{position:absolute;inset:0;display:block;object-fit:cover;width:100%;height:100%;transform:none}
#jukeboxWorkspace{margin-top:22px}#jukeboxWorkspace .jukebox-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
#jukeboxWorkspace h2{margin:0;font-size:28px}#jukeboxWorkspace .jukebox-heading button{font-size:13px;padding:10px 14px}
.jukebox-search{display:block;max-width:360px;font-size:12px;margin:0 0 18px}.jukebox-search input{display:block;box-sizing:border-box;width:100%;height:42px;font-size:14px;padding:9px 12px;margin-top:6px}
#jukeboxSongs{display:grid;gap:12px}.jukebox-song{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fafbf7;border:1px solid #d8dfd3;border-radius:14px;padding:20px 22px}
.jukebox-song h3{font-size:20px;margin:0 0 8px;overflow-wrap:anywhere}.jukebox-song p{font-size:13px;color:#667773;margin:0}
.jukebox-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:none;width:25rem;max-width:100%}
.jukebox-actions>button,.jukebox-actions>select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;margin:0;font-size:14px;padding:8px 10px}
.jukebox-actions>button:first-of-type{grid-column:2}
.jukebox-legend{font-size:12px;color:#667773;margin:0 0 8px}.jukebox-empty{font-size:16px;background:#fafbf7;padding:26px;border:1px solid #d8dfd3;border-radius:14px}
#jukeboxReview{padding:16px;background:#f4f0e6;border:1px solid #dcd7c9;border-radius:12px;margin-bottom:16px}#jukeboxReview p{font-size:14px;margin:0 0 12px}#jukeboxReview button{font-size:13px;padding:10px 14px}#jukeboxStatus{font-size:14px;color:#a4543c}#jukeboxStatus:empty{display:none}
@media(max-width:650px){.jukebox-song{align-items:flex-start;flex-direction:column;padding:18px}.jukebox-actions{width:100%}.jukebox-heading{flex-wrap:wrap}}

body[data-workspace="jukebox"] #sharedSettings,body[data-workspace="jukebox"] #workspaceIntro{display:none!important}
.jukebox-wordmark{white-space:nowrap;letter-spacing:-.025em}.jukebox-uke{display:inline-block;font-size:1.13em;font-weight:850;line-height:.9;vertical-align:-.015em;letter-spacing:-.035em;margin:0 .015em}

.jukebox-chords{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.jukebox-chords button{padding:6px 11px;font-size:14px;min-height:36px}
#jukeboxWarmup{width:min(420px,calc(100% - 28px));padding:20px;border:1px solid #becdbc;border-radius:14px;background:#fafbf7;color:#183a38}
#jukeboxWarmup::backdrop{background:#183a3866}
#jukeboxWarmup header,#jukeboxWarmup .jukebox-warmup-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#jukeboxWarmup h2,#jukeboxWarmupSong{margin:0}
#jukeboxWarmupSong{margin-top:6px;color:#667773}
#jukeboxWarmupChoices button[aria-pressed="false"]{background:#edf2e7;color:#183a38}
#jukeboxWarmupDiagram{text-align:center;margin:12px 0}
#jukeboxWarmupDiagram svg{display:block;width:155px;height:178px;margin:auto}
#jukeboxWarmupStatus{min-height:1.5em;margin:0 0 10px;font-size:13px}
@media(max-width:420px){.jukebox-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.jukebox-actions>select{grid-column:1/-1}.jukebox-actions>button:first-of-type{grid-column:1}}
