.dlb-mode-control{display:grid;gap:8px;min-width:300px;font-size:12px;font-weight:700;color:var(--ink-2)}
.dlb-mode-switch{display:inline-flex;align-self:start;gap:2px;padding:3px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface-3)}
.dlb-mode-switch button{border:0;border-radius:999px;background:transparent;color:var(--ink-2);padding:7px 12px;font:700 12px/1.15 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.dlb-mode-switch button:hover{background:var(--accent-tint);color:var(--ink)}
.dlb-mode-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px rgba(24,43,70,.2)}
.dlb-mode-switch button.active[data-dlb-mode="pure_pv"]{color:var(--ok-ink)}.dlb-mode-switch button.active[data-dlb-mode="hybrid"]{color:var(--live-ink)}.dlb-mode-switch button.active[data-dlb-mode="fast"]{color:var(--warn-ink)}
.dlb-mode-control small{min-height:16px;max-width:330px;font-weight:500;color:var(--ink-3);line-height:1.35}
@media (max-width:650px){.dlb-mode-control{min-width:100%}.dlb-mode-switch{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px}.dlb-mode-switch button{padding:9px 7px}.dlb-mode-control small{max-width:none}}