.cx-sev-good{--cx-sev-color:var(--color-success)}.cx-sev-neutral{--cx-sev-color:var(--accent)}.cx-sev-warn{--cx-sev-color:var(--color-warning)}.cx-sev-bad{--cx-sev-color:var(--color-danger)}.cx-n-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:.55rem;padding:.9rem 1rem .65rem;display:grid}.cx-n-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.cx-n-key{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.6875rem}.cx-n-val{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(1.625rem,6vw,2.25rem);font-weight:600;line-height:1}.cx-n-suffix{font-family:var(--font-mono);color:var(--muted);font-size:.8125rem}.cx-slider-wrap{height:48px;position:relative}.cx-slider-track{background:var(--bg);border:1px solid var(--border);border-radius:2px;height:8px;position:absolute;top:50%;left:0;right:0;overflow:visible;transform:translateY(-50%)}.cx-slider-fill{background:var(--accent);border-radius:1px;height:100%;transition:width .12s}.cx-slider-ticks{pointer-events:none;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.cx-slider-ticks>span{background:var(--muted);opacity:.4;place-self:center;width:2px;height:12px}.cx-slider{-webkit-appearance:none;appearance:none;cursor:grab;background:0 0;width:100%;height:48px;margin:0;padding:0;position:absolute;top:0;left:0}.cx-slider:active{cursor:grabbing}.cx-slider::-webkit-slider-runnable-track{background:0 0;border:none;height:48px}.cx-slider::-moz-range-track{background:0 0;border:none;height:48px}.cx-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:3px solid var(--bg);cursor:grab;border-radius:50%;width:22px;height:22px;margin-top:0}.cx-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);cursor:grab;border-radius:50%;width:22px;height:22px}.cx-slider:focus-visible::-webkit-slider-thumb,.cx-slider:focus-visible::-moz-range-thumb{border-width:5px}.cx-n-stops{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;grid-template-columns:repeat(8,1fr);font-size:.6875rem;display:grid}.cx-n-stops span{text-align:center}.cx-n-stops span:first-child{text-align:left}.cx-n-stops span:last-child{text-align:right}.cx-tabs{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:flex}.cx-tab{appearance:none;min-height:40px;color:var(--muted);font-family:var(--font-mono);text-transform:lowercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:auto;padding:0 .85rem;font-size:.8125rem;transition:color .1s,background .1s,border-color .1s}.cx-tab:hover{color:var(--fg)}.cx-tab.is-on{background:var(--bg);border-color:var(--border);color:var(--fg);font-weight:600}.cx-panel{border:1px solid var(--border);background:var(--bg);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.cx-panel-caption{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8125rem;line-height:1.5}.cx-panel-caption strong{color:var(--fg);font-weight:600}.cx-panel-caption em{color:var(--accent);font-style:normal}.cx-runway-axis{border-bottom:1px solid var(--border);height:1.2rem;margin-bottom:.5rem;position:relative}.cx-runway-tick{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:.625rem;position:absolute;top:0;transform:translate(-50%)}.cx-runway-tick.is-edge-l{transform:translate(0)}.cx-runway-tick.is-edge-r{transform:translate(-100%)}.cx-runway-tick.is-budget{color:var(--color-danger);font-weight:600}.cx-runway-rows{gap:.6rem;display:grid}.cx-runway-row{gap:.35rem;display:grid}.cx-runway-head{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.cx-runway-bigo{color:var(--cx-sev-color);font-weight:600}.cx-runway-time{color:var(--fg);font-variant-numeric:tabular-nums}.cx-runway-row.is-over .cx-runway-time{color:var(--color-danger);font-weight:600}.cx-runway-bar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:2px;height:20px;position:relative;overflow:visible}.cx-runway-bar{background:var(--cx-sev-color);height:100%;transition:width .22s cubic-bezier(.16,1,.3,1)}.cx-runway-budget{background:var(--color-danger);z-index:1;width:2px;position:absolute;top:-4px;bottom:-4px}.cx-runway-tag{font-family:var(--font-mono);color:var(--color-danger);background:var(--bg);border-radius:3px;padding:.05rem .3rem;font-size:.625rem;font-weight:600;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.cx-curves-svg{width:100%;height:auto;max-height:380px;display:block}.cx-curves-gridline{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.cx-curves-axis-label,.cx-curves-axis-title{fill:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:500}.cx-curves-axis-title{fill:var(--fg);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.cx-curves-line{fill:none;stroke:var(--cx-sev-color);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.cx-curves-crosshair{stroke:var(--muted);stroke-width:1px;stroke-dasharray:4 4}.cx-curves-budget{stroke:var(--color-danger);stroke-width:1.5px;stroke-dasharray:6 4}.cx-curves-budget-label{fill:var(--color-danger);font-family:var(--font-mono);letter-spacing:.04em;font-size:10px;font-weight:600}.cx-curves-dot{fill:var(--bg);stroke:var(--cx-sev-color);stroke-width:2px}.cx-curves-legend{font-family:var(--font-mono);grid-template-columns:1fr;gap:.35rem;font-size:.8125rem;display:grid}@media (width>=560px){.cx-curves-legend{grid-template-columns:repeat(2,1fr)}}.cx-curves-legend-item{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:12px auto 1fr;align-items:center;gap:.6rem;padding:.3rem .55rem;display:grid}.cx-curves-swatch{background:var(--cx-sev-color);border-radius:3px;width:12px;height:12px}.cx-curves-leg-bigo{color:var(--cx-sev-color);font-weight:600}.cx-curves-leg-val{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}.cx-pattern-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (width>=560px){.cx-pattern-grid{grid-template-columns:repeat(5,1fr)}}.cx-pattern-tile{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:.35rem;padding:.5rem;display:grid}.cx-pattern-svg{aspect-ratio:1;width:100%;display:block}.cx-pattern-line{stroke:var(--border);stroke-width:.04px}.cx-pattern-cell{fill:var(--cx-sev-color)}.cx-pattern-cap{font-family:var(--font-mono);flex-direction:column;gap:.1rem;display:flex}.cx-pattern-bigo{color:var(--cx-sev-color);font-size:.875rem;font-weight:600}.cx-pattern-name{color:var(--muted);letter-spacing:.04em;font-size:.6875rem}.cx-density-rows{gap:.6rem;display:grid}.cx-density-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:.3rem;padding:.55rem .7rem;display:grid}.cx-density-head{font-family:var(--font-mono);grid-template-columns:auto 1fr auto;align-items:baseline;gap:.6rem;font-size:.8125rem;display:grid}.cx-density-bigo{color:var(--cx-sev-color);font-weight:600}.cx-density-ratio{color:var(--cx-sev-color);font-variant-numeric:tabular-nums;text-align:center;font-size:.875rem;font-weight:600}.cx-density-ops{color:var(--muted);font-variant-numeric:tabular-nums}.cx-density-canvas{border:1px solid var(--border);background:var(--bg);width:100%;height:60px;image-rendering:pixelated;border-radius:4px;display:block}.cx-density-over{font-family:var(--font-mono);color:var(--color-danger);text-align:right;font-size:.6875rem}.cx-epochs-rows{gap:.85rem;display:grid}.cx-epoch-row{gap:.4rem;display:grid}.cx-epoch-head{font-family:var(--font-mono);grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5rem;font-size:.8125rem;display:grid}.cx-epoch-bigo{color:var(--cx-sev-color);font-weight:600}.cx-epoch-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cx-epoch-time{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.cx-epoch-row.is-fits .cx-epoch-time{color:var(--color-success)}.cx-epoch-row:not(.is-fits) .cx-epoch-time{color:var(--color-danger)}.cx-epoch-bar-wrap{border:1px solid var(--border);background:var(--surface);border-radius:2px;height:32px;position:relative;overflow:visible}.cx-epoch-bar{background:var(--cx-sev-color);opacity:.85;height:100%;transition:width .22s cubic-bezier(.16,1,.3,1)}.cx-epoch-anchor{pointer-events:none;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.cx-epoch-anchor-tick{background:var(--border);width:1px;height:100%}.cx-epoch-anchor.is-crossed .cx-epoch-anchor-tick{background:var(--cx-sev-color)}.cx-epoch-anchor.is-budget .cx-epoch-anchor-tick{background:var(--color-danger);width:2px}.cx-epoch-anchor-label{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;letter-spacing:.04em;margin-top:.25rem;font-size:.625rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cx-epoch-anchor.is-edge-l .cx-epoch-anchor-label{left:0;transform:none}.cx-epoch-anchor.is-edge-r .cx-epoch-anchor-label{left:auto;right:0;transform:none}.cx-epoch-anchor.is-crossed .cx-epoch-anchor-label{color:var(--cx-sev-color)}.cx-epoch-anchor.is-budget .cx-epoch-anchor-label{color:var(--color-danger);font-weight:600}