.xeq__title { margin: 0 0 0 0.5rem; font-family: var(--xe-mono); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--xe-tx2); }
.xeq .xenv__assets .xenv__grp { margin-top: 0.5rem; padding: 0 0.5rem; font-family: var(--xe-mono); font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--xe-tx2); opacity: 0.8; }
.xeq .xenv__assets .xenv__grp:first-child { margin-top: 0; }

.xeq-sparks { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 0.75rem; align-items: end; }
.xeq-spark { min-width: 0; padding: 0.375rem 0.5rem 0.25rem; border-radius: 7px; background: var(--xe-raised); }
.xeq-spark__k { display: block; font-family: var(--xe-mono); font-size: 0.6875rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--xe-tx2); }
.xeq-spark svg { display: block; width: 100%; height: 28px; overflow: visible; }
.xeq-spark path { fill: none; stroke-width: 1.75; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.xeq-spark--temp path { stroke: var(--xe-warn); }   .xeq-spark--amp path { stroke: var(--xe-accent); }
.xeq-together { grid-column: 1 / -1; margin: 0; display: inline-flex; align-items: center; gap: 0.5rem; font-family: var(--xe-mono); font-size: 0.6875rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--xe-tx2); opacity: 0; transition: opacity var(--xe-dur) var(--xe-ease); }
.xeq-together::before { content: ""; width: 18px; height: 0; border-top: 1.5px dashed var(--xe-lvl); }
.xeq-together.is-on { opacity: 1; color: var(--xe-tx); }

.xeq .xenv__fields .xenv__wide { grid-column: 1 / -1; }
.xeq .xenv__fields .xenv__wide dd { color: var(--xe-tx); }
.xeq .xenv__chain { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.xeq .xenv__chain li { font-size: 0.6875rem; }
.xeq .xenv__chain::before, .xeq .xenv__chain::after { left: 10%; right: 10%; }
.xeq .xenv__chain::after { width: 80%; right: auto; }

.xeqb { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 1.25rem; padding: 1.25rem; border: 1px solid var(--color-border, #27272A); border-radius: 14px; background: #141417; }
.xeqb__top { grid-column: 1 / -1; display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.04em; color: var(--color-text-secondary); }
.xeqb__top b { color: var(--color-text-primary); font-weight: 500; }
.xeqb__wrap { min-width: 0; }
.xeqb__plot { position: relative; aspect-ratio: 600 / 200; background: #0A0A0B; border: 1px solid #27272A; border-radius: 10px; touch-action: none; user-select: none; -webkit-user-select: none; }
.xeqb__plot svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.xeqb__band { fill: rgba(var(--pillar-accent-rgb), 0.08); }
.xeqb__line { fill: none; stroke: var(--pillar-accent); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.xeqb__out { fill: rgba(var(--sev-adv-rgb), 0.35); stroke: none; }
.xeqb__h {
  appearance: none; position: absolute; left: 0; right: 0; height: 0; padding: 0; border: 0; border-top: 1.5px dashed var(--sev-adv); background: none; cursor: ns-resize;
}
.xeqb__h::before { content: ""; position: absolute; left: 0; right: 0; top: -11px; height: 22px; }   .xeqb__h span {
  position: absolute; right: 6px; top: 0; transform: translateY(-50%); padding: 0.125rem 0.5rem; border-radius: 999px;
  border: 1px solid var(--sev-adv); background: #1B1B1E; color: var(--sev-adv); font-family: var(--font-mono); font-size: 0.6875rem; white-space: nowrap;
}
.xeqb__h--lo span { right: auto; left: 6px; }
.xeqb__h:focus-visible { outline: none; }
.xeqb__h:focus-visible span, .xeqb__h.is-drag span { outline: 2px solid #50A2FF; outline-offset: 2px; }
.xeqb:not(.is-js) .xeqb__h { pointer-events: none; }
.xeqb__ax { display: flex; justify-content: space-between; margin-top: 0.375rem; font-family: var(--font-mono); font-size: 0.6875rem; color: var(--color-text-secondary); }
.xeqb__side { display: flex; flex-direction: column; gap: 0.625rem; min-width: 0; }
.xeqb__count { margin: 0; font-family: var(--font-mono); font-size: 0.875rem; color: var(--color-text-primary); }
.xeqb__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.375rem; }
.xeqb__list li { display: grid; gap: 0.125rem; padding: 0.5rem 0.625rem; border-left: 3px solid var(--sev-adv); border-radius: 0 6px 6px 0; background: #1B1B1E; font-size: 0.8125rem; color: var(--color-text-primary); }
.xeqb__list li time { font-family: var(--font-mono); font-size: 0.75rem; color: var(--color-text-secondary); }
.xeqb__list li.is-quiet { border-left-color: var(--pillar-accent); color: var(--color-text-secondary); }
.xeqb__hint { margin: auto 0 0; font-size: 0.75rem; color: var(--color-text-tertiary, #71717A); }
@media (max-width: 760px) {
  .xeqb { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
  .xeq .xenv__assets .xenv__grp { grid-column: 1 / -1; margin-top: 0.375rem; }   }