.db-demo[data-blog-demo=dlq-flow-overview] .scene-note{min-height:4.2em}[data-blog-demo=dlq-flow-overview] .dfo-track{fill:none;stroke:color-mix(in srgb,var(--scene-dep) 40%,transparent);stroke-width:1.5;stroke-dasharray:2 6}[data-blog-demo=dlq-flow-overview] .dfo-dot circle{fill:var(--surface);stroke:var(--scene-temp);stroke-width:1.6;stroke-dasharray:3 2;transition:fill .24s ease,stroke .24s ease}[data-blog-demo=dlq-flow-overview] .dfo-dot.is-failed circle{fill:var(--scene-danger);stroke:var(--scene-danger);stroke-dasharray:none}[data-blog-demo=dlq-flow-overview] .dfo-dot-label{fill:var(--slate);font-size:10px;font-weight:700}[data-blog-demo=dlq-flow-overview] .dfo-ledger-card{fill:var(--surface);stroke:color-mix(in srgb,var(--scene-hue-amber) 45%,var(--hairline));stroke-width:1.5}[data-blog-demo=dlq-flow-overview] .dfo-row-rect{fill:var(--canvas);stroke:var(--scene-temp);stroke-width:1.4}[data-blog-demo=dlq-flow-overview] .dfo-row{transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-flow-overview] .dfo-row.is-landed{animation:scene-pop .52s ease-out}[data-blog-demo=dlq-flow-overview] .dfo-row-text{fill:var(--ink);font-weight:700}[data-blog-demo=dlq-flow-overview] .dfo-row-status{fill:var(--scene-temp);font-family:var(--font-mono);font-size:11.5px;font-weight:800}[data-blog-demo=dlq-flow-overview] .dfo-count{fill:var(--scene-danger);font-weight:800}[data-blog-demo=dlq-flow-overview] .dfo-empty{fill:var(--muted);font-weight:700}[data-blog-demo=dlq-flow-overview] .scene-node-sub.is-bump{animation:scene-pop .42s ease-out;transform-box:fill-box;transform-origin:center}.db-demo[data-blog-demo=dlq-replay-correlation] .scene-note{min-height:4.2em}[data-blog-demo=dlq-replay-correlation] .drc-track{fill:none;stroke:color-mix(in srgb,var(--scene-dep) 40%,transparent);stroke-width:1.5;stroke-dasharray:2 6}[data-blog-demo=dlq-replay-correlation] .drc-tree{fill:none;stroke:var(--scene-flow);stroke-width:2;stroke-linejoin:round}[data-blog-demo=dlq-replay-correlation] .drc-row-card{fill:var(--surface);stroke:var(--hairline);stroke-width:1.4}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=open] .drc-row-card{stroke:var(--scene-temp)}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=done] .drc-row-card{stroke:var(--scene-flow)}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=link] .drc-row-card{stroke:color-mix(in srgb,var(--scene-flow) 50%,var(--hairline));stroke-dasharray:4 3}[data-blog-demo=dlq-replay-correlation] .drc-row-name{fill:var(--ink);font-weight:700}[data-blog-demo=dlq-replay-correlation] .drc-row-tag{fill:var(--slate);font-weight:700}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=link] .drc-row-tag{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-correlation] .drc-row-status{font-family:var(--font-mono);font-size:11.5px;font-weight:800;fill:var(--scene-temp);transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=done] .drc-row-status,[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=link] .drc-row-status{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-correlation] .drc-row-body{transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-replay-correlation] .drc-row[data-tone=link] .drc-row-status{font-family:var(--font-sans);font-size:11px}[data-blog-demo=dlq-replay-correlation] .drc-row-body.is-done{animation:scene-pop .42s ease-out}[data-blog-demo=dlq-replay-correlation] .drc-row-body.is-shaking{animation:scene-shake .42s ease-in-out}[data-blog-demo=dlq-replay-correlation] .drc-alert-pill{fill:color-mix(in srgb,var(--scene-temp) 16%,var(--canvas));stroke:var(--scene-temp);stroke-width:1.4}[data-blog-demo=dlq-replay-correlation] .drc-alert-text{fill:var(--scene-temp);font-weight:800}[data-blog-demo=dlq-replay-correlation] .drc-metric{fill:var(--ink);font-family:var(--font-mono);font-size:34px;font-weight:800;transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-replay-correlation] .drc-metric.is-danger{fill:var(--scene-danger)}[data-blog-demo=dlq-replay-correlation] .drc-metric.is-zero{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-correlation] .drc-metric.is-bump,[data-blog-demo=dlq-replay-correlation] .drc-row-status.is-bump,[data-blog-demo=dlq-replay-correlation] .drc-row-tag.is-bump{animation:scene-pop .42s ease-out}[data-blog-demo=dlq-replay-correlation] .drc-metric-label{fill:var(--slate);font-weight:700}[data-blog-demo=dlq-replay-summary] .db-demo-controls{flex-wrap:wrap}[data-blog-demo=dlq-replay-summary] .scene-console{min-height:0;height:16em;overflow:hidden}[data-blog-demo=dlq-replay-summary] .scene-console li:before{width:2.4em;content:""}[data-blog-demo=dlq-replay-summary] .scene-console li[data-tone=pending]:before{content:"대기"}[data-blog-demo=dlq-replay-summary] .scene-console li[data-tone=ok]:before{content:"통과"}[data-blog-demo=dlq-replay-summary] .scene-console li[data-tone=fail]:before{content:"실패"}[data-blog-demo=dlq-replay-summary] .scene-console li[data-tone=warn]:before{content:"주의"}[data-blog-demo=dlq-replay-summary] .drs-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin:4px 4px 2px}[data-blog-demo=dlq-replay-summary] .drs-metrics b.is-temp{color:var(--scene-temp)}[data-blog-demo=dlq-replay-summary] .drs-metrics b.is-danger{color:var(--scene-danger);font-size:1.4rem}[data-blog-demo=dlq-replay-summary] .drs-metrics b.is-zero{color:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-summary] [data-m-rollback]{font-size:1.4rem}[data-blog-demo=dlq-replay-summary] .drs-card{fill:var(--surface);stroke:color-mix(in srgb,var(--scene-hue-amber) 45%,var(--hairline));stroke-width:1.5;transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-replay-summary] .drs-card.is-ok{animation:scene-pop .52s ease-out}[data-blog-demo=dlq-replay-summary] .drs-card.is-shaking{animation:scene-shake .42s ease-in-out}[data-blog-demo=dlq-replay-summary] .drs-judge{fill:var(--slate);font-weight:700}[data-blog-demo=dlq-replay-summary] .drs-msg{fill:var(--charcoal);font-weight:800;transform-box:fill-box;transform-origin:left center}[data-blog-demo=dlq-replay-summary] .drs-msg[data-tone=temp]{fill:var(--scene-temp)}[data-blog-demo=dlq-replay-summary] .drs-msg[data-tone=danger]{fill:var(--scene-danger)}[data-blog-demo=dlq-replay-summary] .drs-msg[data-tone=flow]{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-summary] .drs-msg.is-bump,[data-blog-demo=dlq-replay-summary] .drs-ob-status.is-bump{animation:scene-pop .42s ease-out}[data-blog-demo=dlq-replay-summary] .drs-tree{fill:none;stroke:var(--scene-flow);stroke-width:2;stroke-linejoin:round}[data-blog-demo=dlq-replay-summary] .drs-track{fill:none;stroke:color-mix(in srgb,var(--scene-dep) 40%,transparent);stroke-width:1.5;stroke-dasharray:2 6}[data-blog-demo=dlq-replay-summary] .drs-ob-status{fill:var(--slate);font-weight:800;transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-replay-summary] .drs-ob-status[data-tone=flow]{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-replay-summary] .drs-ob-status[data-tone=danger]{fill:var(--scene-danger)}[data-blog-demo=dlq-replay-summary] .drs-alert-pill{fill:color-mix(in srgb,var(--scene-temp) 16%,var(--canvas));stroke:var(--scene-temp);stroke-width:1.4}[data-blog-demo=dlq-replay-summary] .drs-alert-text{fill:var(--scene-temp);font-weight:800}.db-demo[data-blog-demo=dlq-segment-retention] .scene-note{min-height:4.2em}[data-blog-demo=dlq-segment-retention] .scene-chips{margin-bottom:6px}[data-blog-demo=dlq-segment-retention] .dsr-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin:4px 4px 2px}[data-blog-demo=dlq-segment-retention] .dsr-metrics b.is-danger{color:var(--scene-danger)}[data-blog-demo=dlq-segment-retention] .dsr-track{fill:color-mix(in srgb,var(--surface) 70%,transparent);stroke:var(--hairline);stroke-dasharray:3 4}[data-blog-demo=dlq-segment-retention] .dsr-tick{fill:var(--slate);font-size:10.5px}[data-blog-demo=dlq-segment-retention] .dsr-ret{stroke:var(--scene-danger);stroke-width:2;stroke-dasharray:5 4}[data-blog-demo=dlq-segment-retention] .dsr-ret-label{fill:var(--scene-danger);font-weight:800}[data-blog-demo=dlq-segment-retention] .dsr-max{stroke:var(--scene-flow);stroke-width:1.6;stroke-dasharray:2 4}[data-blog-demo=dlq-segment-retention] .dsr-max-label{fill:var(--scene-flow-ink);font-weight:800}[data-blog-demo=dlq-segment-retention] .dsr-seg-rect{fill:color-mix(in srgb,var(--scene-hue-gray) 22%,var(--surface));stroke:color-mix(in srgb,var(--scene-hue-gray) 60%,var(--hairline));stroke-width:1.4}[data-blog-demo=dlq-segment-retention] .dsr-seg.is-active .dsr-seg-rect{fill:color-mix(in srgb,var(--scene-temp) 14%,var(--surface));stroke:var(--scene-temp);stroke-dasharray:5 3}[data-blog-demo=dlq-segment-retention] .dsr-seg.is-over .dsr-seg-rect{fill:color-mix(in srgb,var(--scene-danger) 12%,var(--surface));stroke:var(--scene-danger)}[data-blog-demo=dlq-segment-retention] .dsr-seg-label{fill:var(--ink);font-weight:700}[data-blog-demo=dlq-segment-retention] .dsr-overflow{fill:var(--scene-danger);font-weight:800}.db-demo[data-blog-demo=dlq-jpa-stale] .scene-note{min-height:4.2em}[data-blog-demo=dlq-jpa-stale] .djs-card-body{transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-jpa-stale] .djs-card-body.is-shaking{animation:scene-shake .42s ease-in-out}[data-blog-demo=dlq-jpa-stale] .djs-card-rect{fill:var(--surface);stroke:var(--hairline);stroke-width:1.5}[data-blog-demo=dlq-jpa-stale] .djs-card-name{fill:var(--ink);font-weight:750;font-size:12.5px}[data-blog-demo=dlq-jpa-stale] .djs-card-sub{fill:var(--slate);font-weight:700;font-size:10.5px}[data-blog-demo=dlq-jpa-stale] .djs-card-status{font-family:var(--font-mono);font-size:13px;font-weight:800;fill:var(--ink);transform-box:fill-box;transform-origin:center}[data-blog-demo=dlq-jpa-stale] .djs-card-status.is-bump{animation:scene-pop .42s ease-out}[data-blog-demo=dlq-jpa-stale] .djs-card[data-status=OPEN] .djs-card-status{fill:var(--scene-temp)}[data-blog-demo=dlq-jpa-stale] .djs-card[data-status=RESOLVED] .djs-card-status{fill:var(--scene-flow-ink)}[data-blog-demo=dlq-jpa-stale] .djs-card[data-status=DISCARDED] .djs-card-status{fill:var(--scene-danger)}[data-blog-demo=dlq-jpa-stale] .djs-card.is-stale .djs-card-rect{stroke:var(--scene-temp);stroke-dasharray:5 3}[data-blog-demo=dlq-jpa-stale] .djs-card.is-stale .djs-card-sub{fill:var(--scene-temp)}[data-blog-demo=dlq-jpa-stale] .djs-card.is-detached .djs-card-rect{fill:none;stroke:var(--scene-danger);stroke-dasharray:4 4}[data-blog-demo=dlq-jpa-stale] .djs-card.is-detached .djs-card-sub{fill:var(--scene-danger)}[data-blog-demo=dlq-jpa-stale] .djs-lock{fill:var(--scene-temp);font-weight:800}[data-blog-demo=dlq-jpa-stale] .djs-id-rect{fill:var(--surface);stroke:var(--scene-hue-gray);stroke-dasharray:3 3}[data-blog-demo=dlq-jpa-stale] .djs-id-text{fill:var(--ink);font-weight:700}