[data-blog-demo=cursor-offset-tie] .scene-note{min-height:4.4em}[data-blog-demo=cursor-offset-tie] .cot-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin:6px 4px 2px}[data-blog-demo=cursor-offset-tie] .cot-metrics b.is-danger{color:var(--scene-danger)}[data-blog-demo=cursor-offset-tie] .cot-box{fill:color-mix(in srgb,var(--surface) 70%,transparent);stroke:var(--hairline);stroke-width:1.2;stroke-dasharray:4 4}[data-blog-demo=cursor-offset-tie] .cot-caption{fill:var(--slate);font-size:11.5px;font-weight:750}[data-blog-demo=cursor-offset-tie] .cot-miss-caption{fill:var(--scene-danger);font-size:11px;font-weight:750}[data-blog-demo=cursor-offset-tie] .cot-chip-body{transform-box:fill-box;transform-origin:center}[data-blog-demo=cursor-offset-tie] .cot-chip-body.is-shaking{animation:scene-shake .42s ease-in-out}[data-blog-demo=cursor-offset-tie] .cot-chip-rect{fill:var(--surface);stroke:color-mix(in srgb,var(--scene-hue-blue) 45%,var(--hairline));stroke-width:1.3;transition:fill .24s ease,stroke .24s ease}[data-blog-demo=cursor-offset-tie] .cot-chip-text{fill:var(--charcoal);font-family:var(--font-mono);font-size:11px;font-weight:700}[data-blog-demo=cursor-offset-tie] .cot-chip.is-copy .cot-chip-rect{fill:color-mix(in srgb,var(--scene-hue-blue) 12%,var(--canvas));stroke:var(--scene-hue-blue)}[data-blog-demo=cursor-offset-tie] .cot-chip.is-flying .cot-chip-rect{stroke-dasharray:3 3}[data-blog-demo=cursor-offset-tie] .cot-chip.is-once .cot-chip-rect{fill:var(--scene-flow-soft);stroke:var(--scene-flow)}[data-blog-demo=cursor-offset-tie] .cot-chip.is-dup .cot-chip-rect{fill:var(--scene-danger-soft);stroke:var(--scene-danger);stroke-width:2}[data-blog-demo=cursor-offset-tie] .cot-chip.is-dup .cot-chip-text{fill:var(--scene-danger)}[data-blog-demo=cursor-offset-tie] .cot-chip.is-miss .cot-chip-rect{fill:none;stroke:var(--scene-danger);stroke-dasharray:3 3}[data-blog-demo=cursor-offset-tie] .cot-chip.is-miss .cot-chip-text{fill:var(--scene-danger)}[data-blog-demo=cursor-tie-grid] .scene-note{min-height:4.4em}[data-blog-demo=cursor-tie-grid] .ctg-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin:6px 4px 2px}[data-blog-demo=cursor-tie-grid] .ctg-metrics b.is-danger{color:var(--scene-danger)}[data-blog-demo=cursor-tie-grid] .ctg-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 2px 0;padding:0;color:var(--slate);font-size:.76rem;list-style:none}[data-blog-demo=cursor-tie-grid] .ctg-legend li{display:inline-flex;align-items:center;gap:6px;margin:0}[data-blog-demo=cursor-tie-grid] .ctg-legend i{display:inline-block;width:14px;height:11px;border-radius:3px;border:1.5px solid}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-once{background:color-mix(in srgb,var(--scene-flow) 55%,transparent);border-color:var(--scene-flow)}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-dup{background:var(--scene-danger);border-color:var(--scene-danger)}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-miss{border-color:var(--scene-danger);border-style:dashed}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-page{border-color:var(--ink);border-width:2px}[data-blog-demo=cursor-tie-grid] .ctg-head,[data-blog-demo=cursor-tie-grid] .ctg-row-label{fill:var(--slate);font-size:11px;font-weight:700}[data-blog-demo=cursor-tie-grid] .ctg-cell{fill:var(--surface);stroke:var(--hairline);stroke-width:1;transition:fill .16s ease,stroke .16s ease}[data-blog-demo=cursor-tie-grid] .ctg-cell.is-once{fill:color-mix(in srgb,var(--scene-flow) 55%,transparent);stroke:var(--scene-flow)}[data-blog-demo=cursor-tie-grid] .ctg-cell.is-dup{fill:var(--scene-danger);stroke:var(--scene-danger)}[data-blog-demo=cursor-tie-grid] .ctg-cell.is-miss{fill:none;stroke:var(--scene-danger);stroke-width:1.4;stroke-dasharray:3 2}[data-blog-demo=cursor-tie-grid] .ctg-frame{fill:none;stroke:var(--ink);stroke-width:2;pointer-events:none;transform-box:fill-box;transform-origin:center}[data-blog-demo=cursor-tie-grid] .ctg-frame.is-hit{animation:scene-pop .3s ease-out}[data-blog-demo=cursor-tie-grid] .ctg-skip{fill:color-mix(in srgb,var(--slate) 22%,transparent);stroke:var(--scene-dep);stroke-dasharray:4 3;pointer-events:none}[data-blog-demo=cursor-tie-grid] .ctg-skip-text{fill:var(--scene-temp);font-size:11px;font-weight:800}[data-blog-demo=cursor-tie-grid] .ctg-cap{fill:var(--scene-danger);font-size:11px;font-weight:800}[data-blog-demo=cursor-tie-grid] .ctg-marker-ring{fill:none;stroke:var(--scene-hue-blue);stroke-width:2.5}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-skip{background:color-mix(in srgb,var(--slate) 22%,transparent);border-color:var(--scene-dep);border-style:dashed}[data-blog-demo=cursor-tie-grid] .ctg-legend i.is-cursor{border-color:var(--scene-hue-blue);border-width:2.5px}[data-blog-demo=cursor-row-ctor] .scene-note{min-height:5.2em}[data-blog-demo=cursor-row-ctor] .rc-body{transform-box:fill-box;transform-origin:center}[data-blog-demo=cursor-row-ctor] .rc-body.is-shaking{animation:scene-shake .42s ease-in-out}[data-blog-demo=cursor-row-ctor] .rc-body.is-bump{animation:scene-pop .42s ease-out}[data-blog-demo=cursor-row-ctor] .rc-source-rect{fill:var(--surface);stroke:var(--hairline);stroke-width:1.4}[data-blog-demo=cursor-row-ctor] .rc-source.is-prod{--rc-hue: var(--scene-hue-blue)}[data-blog-demo=cursor-row-ctor] .rc-source.is-hand{--rc-hue: var(--scene-hue-violet)}[data-blog-demo=cursor-row-ctor] .rc-source-accent{fill:var(--rc-hue)}[data-blog-demo=cursor-row-ctor] .rc-source-title{fill:var(--slate);font-size:11px;font-weight:750}[data-blog-demo=cursor-row-ctor] .rc-code{fill:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:700}[data-blog-demo=cursor-row-ctor] .rc-source.is-prod.is-changed .rc-source-rect{stroke:var(--scene-temp);stroke-dasharray:5 3}[data-blog-demo=cursor-row-ctor] .rc-source.is-prod.is-changed .rc-code{fill:var(--scene-temp)}[data-blog-demo=cursor-row-ctor] .rc-wire{stroke-width:2;stroke-dasharray:4 4}[data-blog-demo=cursor-row-ctor] .rc-wire.is-prod{stroke:var(--scene-hue-blue)}[data-blog-demo=cursor-row-ctor] .rc-wire.is-hand{stroke:var(--scene-hue-violet)}[data-blog-demo=cursor-row-ctor] .rc-test-rect{fill:var(--surface);stroke:var(--hairline);stroke-width:1.5;transition:stroke .24s ease}[data-blog-demo=cursor-row-ctor] .rc-test.is-pass .rc-test-rect{stroke:var(--scene-flow)}[data-blog-demo=cursor-row-ctor] .rc-test.is-fail .rc-test-rect{stroke:var(--scene-danger);stroke-width:2}[data-blog-demo=cursor-row-ctor] .rc-test-title{fill:var(--ink);font-size:12.5px;font-weight:800}[data-blog-demo=cursor-row-ctor] .rc-badge{font-size:12px;font-weight:800;transform-box:fill-box;transform-origin:center}[data-blog-demo=cursor-row-ctor] .rc-test.is-pass .rc-badge{fill:var(--scene-flow-ink)}[data-blog-demo=cursor-row-ctor] .rc-test.is-fail .rc-badge{fill:var(--scene-danger)}[data-blog-demo=cursor-row-ctor] .rc-panel{fill:color-mix(in srgb,var(--canvas) 70%,transparent);stroke:var(--hairline);stroke-dasharray:3 3}[data-blog-demo=cursor-row-ctor] .rc-panel-title{fill:var(--charcoal);font-size:11px;font-weight:800}[data-blog-demo=cursor-row-ctor] .rc-tag{fill:var(--scene-hue-blue);font-size:10px;font-weight:750}[data-blog-demo=cursor-row-ctor] .rc-tag.is-hand{fill:var(--scene-hue-violet)}[data-blog-demo=cursor-row-ctor] .rc-key{fill:var(--slate);font-size:10.5px;font-weight:700}[data-blog-demo=cursor-row-ctor] .rc-narrow .rc-value{font-size:9.5px}[data-blog-demo=cursor-row-ctor] .rc-value{fill:var(--ink);font-family:var(--font-mono);font-size:10.5px;font-weight:750;transform-box:fill-box;transform-origin:left center}[data-blog-demo=cursor-row-ctor] .rc-value[data-mark=ok]{fill:var(--scene-flow-ink)}[data-blog-demo=cursor-row-ctor] .rc-value[data-mark=fail]{fill:var(--scene-danger)}[data-blog-demo=cursor-row-ctor] .rc-value[data-mark=none]{fill:var(--muted);font-family:var(--font-sans)}[data-blog-demo=cursor-row-ctor] .rc-hint{fill:var(--slate);font-size:10px;font-weight:700;transform-box:fill-box;transform-origin:left center}[data-blog-demo=cursor-row-ctor] .rc-hint[data-mark=ok]{fill:var(--scene-flow-ink)}[data-blog-demo=cursor-row-ctor] .rc-hint[data-mark=fail]{fill:var(--scene-danger)}[data-blog-demo=cursor-row-ctor] .is-bump{animation:scene-pop .42s ease-out}[data-blog-demo=cursor-row-ctor] .rc-legend{fill:var(--muted);font-size:9.5px;font-weight:700}[data-blog-demo=cursor-row-ctor] .rc-base{stroke:var(--hairline);stroke-width:1.2}[data-blog-demo=cursor-row-ctor] .rc-bar.is-offset{fill:color-mix(in srgb,var(--scene-dep) 40%,transparent)}[data-blog-demo=cursor-row-ctor] .rc-bar.is-cursor{fill:var(--scene-hue-blue)}[data-blog-demo=cursor-row-ctor] .rc-bar.is-cursor.is-hand{fill:var(--scene-hue-violet)}[data-blog-demo=cursor-row-ctor] .rc-bar-text{font-family:var(--font-mono);font-size:9.5px;font-weight:700}[data-blog-demo=cursor-row-ctor] .rc-bar-text.is-offset{fill:var(--slate)}[data-blog-demo=cursor-row-ctor] .rc-bar-text.is-cursor{fill:var(--scene-hue-blue)}[data-blog-demo=cursor-row-ctor] .rc-bar-text.is-cursor.is-hand{fill:var(--scene-hue-violet)}[data-blog-demo=cursor-row-ctor] .rc-depth{fill:var(--slate);font-size:10px;font-weight:700}[data-blog-demo=cache-failure-scenarios] .scene-note{min-height:4.4em}[data-blog-demo=cache-failure-scenarios] .cf-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;margin:6px 4px 2px}[data-blog-demo=cache-failure-scenarios] .cf-metrics b.is-danger{color:var(--scene-danger)}[data-blog-demo=cache-failure-scenarios] .scene-node.is-temp .scene-node-card{stroke:var(--scene-temp);stroke-width:2;stroke-dasharray:5 3}[data-blog-demo=cache-failure-scenarios] .cf-link{stroke:var(--hairline);stroke-width:2;stroke-dasharray:4 4}[data-blog-demo=cache-timeout-budget] .scene-note{min-height:4.4em}[data-blog-demo=cache-timeout-budget] .tb-axis{stroke:var(--slate);stroke-width:1.2}[data-blog-demo=cache-timeout-budget] .tb-tick{stroke:var(--hairline);stroke-width:1;stroke-dasharray:2 4}[data-blog-demo=cache-timeout-budget] .tb-tick-text{fill:var(--slate);font-family:var(--font-mono);font-size:10px;font-weight:700}[data-blog-demo=cache-timeout-budget] .tb-clock{fill:var(--slate);font-family:var(--font-mono);font-size:10.5px;font-weight:700}[data-blog-demo=cache-timeout-budget] .tb-title{fill:var(--ink);font-size:11.5px;font-weight:800}[data-blog-demo=cache-timeout-budget] .tb-track{fill:color-mix(in srgb,var(--surface) 70%,transparent);stroke:var(--hairline);stroke-dasharray:3 4}[data-blog-demo=cache-timeout-budget] .tb-bar.is-wait{fill:color-mix(in srgb,var(--scene-temp) 22%,transparent);stroke:var(--scene-temp);stroke-width:1.4;stroke-dasharray:5 3}[data-blog-demo=cache-timeout-budget] .tb-bar.is-db{fill:var(--scene-hue-cyan)}[data-blog-demo=cache-timeout-budget] .tb-seg{fill:var(--scene-temp);font-size:10.5px;font-weight:800}[data-blog-demo=cache-timeout-budget] .tb-limit{stroke:var(--scene-danger);stroke-width:2;stroke-dasharray:4 3}[data-blog-demo=cache-timeout-budget] .tb-limit-text{fill:var(--scene-danger);font-size:10px;font-weight:800}[data-blog-demo=cache-timeout-budget] .tb-result{fill:var(--slate);font-size:11px;font-weight:800}[data-blog-demo=cache-timeout-budget] .tb-more{fill:var(--scene-temp);font-size:10.5px;font-weight:800}[data-blog-demo=cache-timeout-budget] .tb-lane.is-over .tb-bar.is-wait{fill:color-mix(in srgb,var(--scene-danger) 18%,transparent);stroke:var(--scene-danger)}[data-blog-demo=cache-timeout-budget] .tb-lane.is-over .tb-result{fill:var(--scene-danger)}[data-blog-demo=cache-timeout-budget] .tb-lane.is-ok .tb-result{fill:var(--scene-flow-ink)}[data-blog-demo=cache-timeout-budget] .tb-lane.is-ok .tb-track{stroke:var(--scene-flow)}[data-blog-demo=cache-timeout-budget] .tb-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 2px 0;padding:0;color:var(--slate);font-size:.76rem;list-style:none}[data-blog-demo=cache-timeout-budget] .tb-legend li{display:inline-flex;align-items:center;gap:6px;margin:0}[data-blog-demo=cache-timeout-budget] .tb-legend i{display:inline-block;width:16px;height:10px;border-radius:3px}[data-blog-demo=cache-timeout-budget] .tb-legend i.is-wait{background:color-mix(in srgb,var(--scene-temp) 22%,transparent);border:1.4px dashed var(--scene-temp)}[data-blog-demo=cache-timeout-budget] .tb-legend i.is-db{background:var(--scene-hue-cyan)}[data-blog-demo=cache-timeout-budget] .tb-legend i.is-limit{width:0;height:12px;border-left:2px dashed var(--scene-danger);border-radius:0}[data-blog-demo=cache-service-connection] .scene-note{min-height:4.4em}[data-blog-demo=cache-service-connection] .sc-wire{fill:none;stroke:var(--scene-dep);stroke-width:2;stroke-dasharray:4 4}[data-blog-demo=cache-service-connection] .sc-wire.is-direct{stroke:var(--scene-temp);stroke-width:2.4;stroke-dasharray:6 4}[data-blog-demo=cache-service-connection] .sc-wire.is-db{stroke:var(--hairline)}[data-blog-demo=cache-service-connection] .sc-wire-label{fill:var(--scene-temp);font-size:11px;font-weight:800}[data-blog-demo=cache-service-connection] .sc-results{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;font-size:.84rem}[data-blog-demo=cache-service-connection] .sc-results li{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 12px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface)}[data-blog-demo=cache-service-connection] .sc-results span{color:var(--charcoal)}[data-blog-demo=cache-service-connection] .sc-results b{flex:none;display:inline-block;font-weight:800;color:var(--slate)}[data-blog-demo=cache-service-connection] .sc-results b[data-tone=ok]{color:var(--scene-flow-ink)}[data-blog-demo=cache-service-connection] .sc-results b[data-tone=fail]{color:var(--scene-danger)}[data-blog-demo=cache-service-connection] .sc-results b[data-tone=warn]{color:var(--scene-temp)}[data-blog-demo=cache-service-connection] .sc-results b.is-bump{animation:scene-pop .42s ease-out}@media(max-width:560px){[data-blog-demo=cache-service-connection] .sc-results li{flex-direction:column;gap:2px}}
