/* Dub Lab core 1.0 panel and Lights styles (the same rules WRBR Radio uses). Think G Media LLC. */
.wrbr-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wrbr-vis-host{margin:0 0 18px}
.wrbr-vis-host[hidden]{display:none}
.wrbr-vis[hidden]{display:none}
.wrbr-vis-stage{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#0d0705}
.wrbr-vis-stage.wrbr-vis-frame-wood{padding:12px;border-radius:6px;background:repeating-linear-gradient(92deg,#3b2414 0,#4a2e1a 3px,#3a2313 7px,#55361f 9px,#3d2515 13px);box-shadow:inset 0 0 0 2px #24150b,inset 0 0 14px rgba(0,0,0,.6)}
.wrbr-vis-stage.wrbr-vis-frame-none{background:#00154b}
.wrbr-vis-canvas{display:block;width:100%;height:100%;border-radius:2px}
.wrbr-vis-stage:fullscreen{padding:3vmin;border-radius:0;aspect-ratio:auto}
.wrbr-vis-stage:-webkit-full-screen{padding:3vmin;border-radius:0}
.wrbr-vis-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wrbr-vis-chip{padding:6px 12px;min-height:32px;border:1px solid var(--wrbr-edge);border-radius:999px;background:#fff;color:var(--wrbr-ink);font-size:12.5px;font-weight:700;cursor:pointer}
.wrbr-vis-chip[aria-pressed=true]{background:var(--wrbr-blue);border-color:var(--wrbr-blue);color:#fff}
.wrbr-vis-calm[aria-pressed=true]{background:#2c3e50;border-color:#2c3e50}
.wrbr-vis-fs{margin-left:auto}
@media (pointer:coarse){.wrbr-vis-chip,.wrbr-controls button.wrbr-lights{min-height:44px}}
@media(max-width:520px){.wrbr-controls{flex-wrap:wrap;justify-content:center}.wrbr-vis-fs{margin-left:0}}
.wrbr-dub-host{margin:0 0 18px}
.wrbr-dub-host[hidden],.wrbr-dub[hidden]{display:none}
.wrbr-dub{padding:18px;border-radius:14px;background:#000;border:2px solid #c8102e;color:#ffe9b0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrbr-dub-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wrbr-dub-ttl{font-size:18px;font-weight:700;letter-spacing:2px;color:#ffd23f}
.wrbr-dub-sub{font-size:12px;color:#e0b25a;margin-top:2px}
.wrbr-dub-btns{display:flex;gap:8px}
.wrbr-dub button.wrbr-dub-btn{padding:8px 14px;min-height:38px;border:1px solid #5a5a5a;border-radius:8px;background:#141414;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.wrbr-dub button.wrbr-dub-btn:hover{background:#222}
.wrbr-dub button.wrbr-dub-share{color:#4d8cff}
.wrbr-dub-beats{display:flex;gap:8px;align-items:center;margin:14px 0 6px;font-size:12px;color:#e0b25a}
.wrbr-dub-dot{width:14px;height:14px;border-radius:50%;background:#1a1a1a;border:1px solid #444;transition:background .08s}
.wrbr-dub-dot.on{background:#ffd23f;border-color:#ffd23f}
.wrbr-dub-dot.r.on{background:#ff3b3b;border-color:#ff3b3b}
.wrbr-dub-dot.g.on{background:#2fbf5a;border-color:#2fbf5a}
.wrbr-dub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.wrbr-dub-card{border-radius:12px;padding:14px;border:3px solid #2fbf5a}
.wrbr-dub-card h4{margin:0!important;font-size:16px;font-weight:700}
.wrbr-dub-how{margin:4px 0 12px!important;font-size:12.5px;line-height:1.45}
.wrbr-dub-card.red{background:#a30f24}
.wrbr-dub-card.red h4{color:#ffd23f}.wrbr-dub-card.red .wrbr-dub-how{color:#ffefc2}
.wrbr-dub-card.gold{background:#f2b705}
.wrbr-dub-card.gold h4{color:#4a0a10}.wrbr-dub-card.gold .wrbr-dub-how{color:#3d1e00}
.wrbr-dub-fad{display:flex;align-items:center;gap:8px}
.wrbr-dub-fad input{flex:1}
.wrbr-dub-card.red .wrbr-dub-fad input{accent-color:#ffd23f}.wrbr-dub-card.gold .wrbr-dub-fad input{accent-color:#a30f24}
.wrbr-dub-fv{min-width:36px;text-align:right;font-size:12.5px;font-weight:700}
.wrbr-dub-card.red .wrbr-dub-fv{color:#ffd23f}.wrbr-dub-card.gold .wrbr-dub-fv{color:#4a0a10}
.wrbr-dub button.wrbr-dub-big{width:100%;padding:14px 8px;min-height:48px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;touch-action:none;user-select:none;transition:background .1s,box-shadow .1s,color .1s}
.wrbr-dub .red button.wrbr-dub-big{background:#ffd23f;color:#4a0a10;border:2px solid #fff3c4}
.wrbr-dub .gold button.wrbr-dub-big{background:#a30f24;color:#ffe9a8;border:2px solid #6e0a18}
.wrbr-dub button.wrbr-dub-big.cue{background:#fff3c4;color:#4a0a10;box-shadow:0 0 0 5px rgba(255,243,196,.55)}
.wrbr-dub button.wrbr-dub-big.hot{background:#ff3b3b;color:#fff}
.wrbr-dub-tips{margin-top:14px;padding:12px 14px;border-radius:12px;background:#1e7f34;border:2px solid #ffd23f}
.wrbr-dub-tips h4{margin:0 0 6px!important;font-size:14px;font-weight:700;color:#ffd23f}
.wrbr-dub-tips ol{margin:0!important;padding-left:20px!important;font-size:13.5px;line-height:1.7;color:#fff3c4}
.wrbr-dub-tips li.is-done{color:#ffd23f}
.wrbr-dub-tips li.is-done::after{content:"  \2713"}
.wrbr-dub-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:12px;color:#e0b25a}
.wrbr-dub-led{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2fbf5a}
.wrbr-dub-tempo{margin-left:auto;color:#cfc3a6}
.wrbr-dub button:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}
@media(max-width:480px){.wrbr-dub-grid{grid-template-columns:1fr}.wrbr-dub-tempo{margin-left:0;flex-basis:100%}}