.ovl{border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);--ovl-thru:#3b82f6;--ovl-queue:#ea580c;margin-block:1.5rem;padding:1rem}.ovl button{font:inherit;cursor:pointer}.ovl button:focus-visible,.ovl .ovl-range:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.ovl .ovl-controls{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.ovl .ovl-group{flex-direction:column;gap:.3rem;min-width:0;display:flex}.ovl .ovl-group--wide{flex:100%}.ovl .ovl-label{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.ovl .ovl-label strong{color:var(--sl-color-white);font-family:var(--sl-font-mono)}.ovl .ovl-seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;align-self:flex-start;display:inline-flex;overflow:hidden}.ovl .ovl-seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.3rem .7rem}.ovl .ovl-seg button[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.ovl .ovl-range{width:100%;max-width:28rem;accent-color:var(--sl-color-accent)}.ovl .ovl-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ovl .ovl-btn{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius-btn);color:var(--sl-color-gray-2);background:0 0;padding:.35rem .8rem}.ovl .ovl-btn--spike{border-color:var(--ovl-queue);color:var(--sl-color-white);font-weight:600}.ovl .ovl-toggle[aria-pressed=true]{border-color:var(--dbc-cost);background:color-mix(in srgb, var(--dbc-cost) 16%, transparent);color:var(--sl-color-white);font-weight:600}.ovl .ovl-toggle[aria-pressed=true]:before{content:"✓ "}.ovl .ovl-btn[data-pause][aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 18%, transparent)}.ovl .ovl-charts{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.ovl .ovl-chart{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);min-width:0;margin:0;padding:.6rem .75rem .75rem}.ovl .ovl-chart figcaption{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;display:flex}.ovl .ovl-legend{flex-wrap:wrap;gap:.2rem .6rem;display:flex}.ovl .ovl-sw{vertical-align:.2rem;border-top:3px solid;width:.8rem;height:0;margin-right:.25rem;display:inline-block}.ovl .ovl-sw--offered{border-top:2px dashed var(--sl-color-gray-3)}.ovl .ovl-sw--thru{border-color:var(--ovl-thru)}.ovl .ovl-sw--good{border-color:var(--dbc-gain)}.ovl .ovl-sw--cap{border-top:2px dotted var(--sl-color-white)}.ovl .ovl-plot{border-left:1px solid var(--dbc-border-strong);border-bottom:1px solid var(--dbc-border-strong);height:8rem;margin-top:.4rem;position:relative}.ovl .ovl-plot svg{width:100%;height:100%;display:block;overflow:visible}.ovl .ovl-ymax{font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);font-size:.65rem;position:absolute;top:-.1rem;left:.3rem}.ovl .ovl-line{fill:none;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ovl .ovl-line--offered{stroke:var(--sl-color-gray-3);stroke-dasharray:4 3;stroke-width:1.5px}.ovl .ovl-line--thru{stroke:var(--ovl-thru)}.ovl .ovl-line--good{stroke:var(--dbc-gain)}.ovl .ovl-capline{stroke:var(--sl-color-white);stroke-dasharray:2 3;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.7}.ovl .ovl-area{fill:color-mix(in srgb, var(--ovl-queue) 45%, transparent);stroke:var(--ovl-queue);stroke-width:1.5px;vector-effect:non-scaling-stroke}.ovl .ovl-stats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;margin:.75rem 0 0;display:grid}.ovl .ovl-stat{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);padding:.5rem .6rem}.ovl .ovl-stat dt{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.ovl .ovl-stat dd{font-family:var(--sl-font-mono);font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:.1rem 0 0;font-weight:700}.ovl .ovl-stat dd.ovl-bad{color:var(--dbc-cost)}.ovl .ovl-note{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.6rem 0 0}.ovl .ovl-log{color:var(--sl-color-gray-2);margin:.4rem 0 0}.ovl .ovl-log--bad{color:var(--dbc-cost)}
