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