.db-fast{margin-left:8px;font-size:12px;font-weight:400;color:#737373}.db-scene{--db-who: 58px;display:grid;gap:12px;width:100%;max-width:540px;font-family:Montserrat,system-ui,sans-serif;line-height:1.4;text-align:left;color:var(--ink)}.db-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.db-stat{display:flex;flex-direction:column;min-width:0;padding:10px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.db-stat__label{overflow:hidden;font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#737373}.db-stat__value{margin-top:3px;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.db-stat__value em{margin-left:5px;font-size:12px;font-style:normal;font-weight:500;letter-spacing:0;color:var(--ink-3)}.db-stat__viz{display:flex;align-items:flex-end;height:20px;margin-top:6px}.db-meter{flex:1;display:block;height:4px;overflow:hidden;border-radius:2px;background:#ebebeb}.db-meter i{display:block;height:100%;background:var(--ink);transform:scaleX(var(--v));transform-origin:left}.db-spark{display:block;width:100%;height:20px}.db-spark__line{fill:none;stroke:#737373;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.db-board{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 1px 3px #00000014,0 22px 40px -26px #00000047}.db-head{display:grid;grid-template-columns:var(--db-who) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#737373;background:#fafafa}.db-keys{display:flex;gap:12px}.db-key{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}.db-key:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--amber)}.db-key--red:before{background:var(--red)}.db-lanes{display:grid;gap:8px;padding:14px}.db-lane{display:grid;grid-template-columns:var(--db-who) minmax(0,1fr);align-items:center;gap:10px}.db-who{min-width:0;font-family:var(--mono);line-height:1.2;white-space:nowrap}.db-who b{display:block;font-size:11px;font-weight:500;color:var(--ink-2)}.db-who small{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;color:var(--ink-3)}.db-track{position:relative;height:32px;overflow:hidden;border-radius:7px;background:var(--paper-2)}.db-bar{position:absolute;top:0;bottom:0;left:calc(var(--x, 0) * 1%);width:calc(var(--w, 0) * 1%);display:flex;align-items:center;gap:8px;overflow:hidden;border-radius:7px;font-family:var(--mono);font-size:11px;white-space:nowrap;color:var(--white);background:var(--ink);transition:background-color .25s,color .25s;container-type:inline-size}.db-bar__q{flex:1;min-width:0;margin-left:9px;overflow:hidden}.db-bar__t{flex:0 1 auto;min-width:0;margin-right:9px;overflow:hidden;font-weight:500;font-variant-numeric:tabular-nums}.db-bar__t:empty{display:none}.db-q--l,.db-q--s{display:block;overflow:hidden;text-overflow:ellipsis}.db-q--s{display:none}@container (max-width: 46px){.db-bar__q{visibility:hidden}}.db-bar[data-state=wait]{color:var(--ink-2);background:var(--line-2)}.db-bar[data-state=slow]{background:var(--amber)}.db-bar[data-state=red],.db-bar[data-state=killing]{background:var(--red)}.db-bar[data-state=killing]{animation:db-pulse .8s ease-in-out infinite}.db-bar[data-state=killed]{color:var(--ink-2);background:#e6e6e6}.db-bar[data-state=killed] .db-bar__q{text-decoration:line-through}.db-kill{flex:none;height:20px;margin:0 5px 0 -3px;padding:0 8px;border-radius:5px;font-family:Montserrat,system-ui,sans-serif;font-size:11px;font-weight:600;color:var(--red);background:var(--white);cursor:pointer;transition:transform .15s,background-color .2s,color .2s}.db-kill[hidden]{display:none}.db-kill:hover,.db-kill.is-hot{color:var(--white);background:var(--ink)}.db-kill.is-press{transform:scale(.9)}.db-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:12px;color:#737373}.db-foot__note{flex:1;min-width:0;overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.db-foot__meta{flex:none;font-size:11.5px}.db-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ink);transition:background-color .2s}.db-foot[data-state=slow] .db-dot{background:#d97706}.db-foot[data-state=red] .db-dot{background:var(--red)}.db-foot[data-state=busy] .db-dot{background:var(--ink-3);animation:db-pulse 1.2s ease-in-out infinite}.db-foot[data-state=done] .db-dot{background:var(--green)}@keyframes db-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:640px){.db-scene{--db-who: 38px;gap:10px}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.db-stat:last-child{grid-column:1 / -1;flex-direction:row;align-items:center;gap:12px;padding-block:9px}.db-stat:last-child .db-stat__value{margin-top:0;font-size:15px}.db-stat:last-child .db-stat__viz{flex:1;align-items:center;height:auto;margin-top:0}.db-head,.db-foot{padding-inline:12px}.db-foot{font-size:11px}.db-lanes{gap:7px;padding:12px}.db-lane:nth-child(n+6){display:none}.db-who small,.db-q--l,.db-foot__meta{display:none}.db-q--s{display:block}.db-bar{gap:6px;font-size:10.5px}.db-bar__q{margin-left:7px}.db-bar__t{margin-right:7px}.db-keys{gap:8px}}