.strip{grid-column:2;grid-row:2;display:flex;align-items:center;gap:var(--sp-5);padding:0 var(--sp-4);border-top:1px solid var(--line);background:var(--bg-ground);color:var(--fg-1);font-size:var(--t-data);line-height:var(--lh-data);white-space:nowrap;overflow:hidden}@media (max-width:900px){.strip{grid-column:1}}.strip[data-stale] .strip-cell:not([data-tone]),.strip[data-stale] .strip-live{color:var(--fg-2)}.strip-gap{flex:1}.strip-live{display:inline-flex;align-items:center;gap:var(--sp-2)}.strip-live i{width:6px;height:6px;border-radius:50%;background:var(--ok-fill);animation:strip-beat 2s var(--ease-out) infinite}@keyframes strip-beat{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in oklch,var(--ok-fill) 40%,transparent)}50%{opacity:.55;box-shadow:0 0 0 4px color-mix(in oklch,var(--ok-fill) 0%,transparent)}}.strip[data-stale] .strip-live i{background:var(--mark);animation:none}.strip-cell{display:inline-flex;align-items:baseline;gap:6px}.strip-cell b{color:var(--fg-2);font-weight:500}.strip-cell[data-tone=warn],.strip-cell[data-tone=warn] b{color:var(--warn)}.strip-waiting{height:100%;padding:0;color:var(--accent);font-size:var(--t-data);font-weight:600}.strip-waiting:hover{text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.strip-live i{animation:none}}.spx{container:spx/inline-size;min-width:0}.spx-app{position:relative;display:grid;grid-template-columns:var(--facet-w) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);height:calc(100dvh - var(--head-h) - 1px - var(--strip-h));min-height:560px}.spx-app,.spx-bar-top{border-bottom:1px solid var(--line)}.spx-bar-top{grid-column:1/3;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.spx-query{flex:1;min-width:0}.spx-query .sys-input{width:100%}.spx-chips{grid-column:1/3;min-height:41px;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.spx-facets{grid-row:3/5;grid-column:1;min-height:0;overflow:auto;padding-bottom:var(--sp-4);border-right:1px solid var(--line)}.spx-facet-filter{padding:var(--sp-2) var(--sp-3)}.spx-attr-filter .sys-input,.spx-facet-filter .sys-input{width:100%}.spx-center{display:contents}.spx-results{min-width:0}.spx-drawer,.spx-results{grid-row:4;grid-column:2;min-height:0}.spx-drawer{justify-self:end;z-index:5;width:var(--drawer-w);box-shadow:-16px 0 40px oklch(0 0 0/.45)}@container spx (min-width: 2400px){.spx{--facet-w:280px}}.spx-service{display:inline-flex;align-items:center;gap:6px}.spx-method{margin-right:6px;color:var(--fg-2);font-family:var(--font-mono);font-size:var(--t-data);font-variant-ligatures:none}.spx-code{font-variant-numeric:tabular-nums}.spx-code[data-tone=error]{color:var(--error)}.spx-code[data-tone=warn]{color:var(--warn)}.spx-dur{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);width:100%}.spx-dur-track{display:block;width:36px;height:4px;flex:none;border-radius:1px;background:var(--line)}.spx-dur-track i{display:block;height:100%;border-radius:1px;background:var(--mark)}.spx-dur-track i[data-error]{background:var(--error-fill)}.spx-histo{grid-row:3;grid-column:2;min-width:0;padding:var(--sp-2) var(--sp-3) var(--sp-1);border-bottom:1px solid var(--line)}.spx-histo-head{display:flex;align-items:center;gap:var(--sp-4);height:24px;color:var(--fg-2);font-size:var(--t-data);white-space:nowrap;overflow:hidden}.spx-histo-head b{margin-right:var(--sp-1);color:var(--fg-1);font-weight:600}.spx-histo-head [data-tone=error] b{color:var(--error)}.spx-legend{display:flex;align-items:center;gap:var(--sp-4);margin-left:auto}.spx-legend>span{display:inline-flex;align-items:center;gap:6px}.spx-sw{display:inline-block;width:8px;height:8px;flex:none;border-radius:1px;background:var(--mark)}.spx-sw[data-kind=error]{background:var(--error-fill)}.spx-mk{display:inline-block;width:0;height:10px;border-left:2px solid var(--accent)}.spx-mk[data-kind=migration]{border-left-style:dashed;border-left-color:var(--info-fill)}.spx-mk[data-kind=config]{border-left-style:dotted;border-left-color:var(--fg-2)}.spx-histo-grid{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:38px 96px 18px;column-gap:var(--sp-2);margin-top:var(--sp-1)}.spx-lane{position:relative;grid-row:1;grid-column:2}.spx-flag{position:absolute;top:2px;height:16px;padding:0 6px;border-left:2px solid var(--accent);border-radius:0 var(--r-1) var(--r-1) 0;background:var(--bg-overlay);color:var(--fg-1);font-size:var(--t-fine);line-height:16px;white-space:nowrap}.spx-flag[data-kind=migration]{top:20px;border-color:var(--info-fill)}.spx-flag[data-kind=config]{border-color:var(--fg-2)}.spx-flag[data-side=left]{transform:translateX(-100%);border-left:0;border-right:2px solid var(--accent);border-radius:var(--r-1) 0 0 var(--r-1)}.spx-flag[data-side=left][data-kind=migration]{border-right-color:var(--info-fill)}.spx-flag[data-side=left][data-kind=config]{border-right-color:var(--fg-2)}.spx-flag[data-side=left]{margin-left:1px}.spx-flag:not([data-side=left]){margin-left:-1px}.spx-scale{grid-row:2;grid-column:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin:-6px 0;color:var(--fg-2);font-size:var(--t-fine);line-height:12px}.spx-plot{position:relative;grid-row:2;grid-column:2}.spx-plot svg{display:block;width:100%;height:100%;overflow:visible}.spx-gridline{stroke:var(--line);stroke-width:1}.spx-bar{fill:var(--mark);fill-opacity:.55}.spx-bar-err{fill:var(--error-fill)}.spx-plot g[data-hover] .spx-bar{fill-opacity:1}.spx-plot{box-shadow:inset 0 -1px 0 var(--line-strong)}.spx-marker{position:absolute;top:-38px;bottom:0;width:0;border-left:1px solid var(--accent);pointer-events:none}.spx-marker[data-kind=migration]{top:-20px;border-left:1px dashed var(--info-fill)}.spx-marker[data-kind=config]{border-left:1px dotted var(--fg-2)}.spx-cursor{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--fg-2);pointer-events:none}.spx-tip{top:4px}.spx-tip[data-side=left]{transform:translateX(calc(-100% - 16px))}.spx-tip-time{color:var(--fg-1);font-weight:600}.spx-tip-row{display:grid;grid-template-columns:8px auto minmax(40px,1fr);align-items:center;column-gap:6px;color:var(--fg-2)}.spx-tip-row b{color:var(--fg-1);font-weight:500;text-align:right}.spx-axis{position:relative;grid-row:3;grid-column:2;color:var(--fg-2);font-size:var(--t-fine);line-height:18px}.spx-axis span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.spx-wf{display:grid;gap:2px;margin:0 calc(var(--sp-2) * -1)}.spx-wf-row{display:grid;grid-template-columns:minmax(0,1fr) 32% 56px;align-items:center;column-gap:var(--sp-3);height:24px;padding:0 var(--sp-2);border-radius:var(--r-2);font-size:var(--t-data)}.spx-wf-name{display:flex;align-items:center;gap:6px;min-width:0}.spx-wf-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-wf-track{position:relative;height:8px}.spx-wf-track i{position:absolute;top:0;bottom:0;border-radius:1px;background:var(--mark)}.spx-wf-row[data-error] .spx-wf-track i{background:var(--error-fill)}.spx-wf-ms{color:var(--fg-2);text-align:right}.spx-log{display:grid;grid-template-columns:auto 52px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);height:24px;font-size:var(--t-data)}.spx-log-time{color:var(--fg-2)}.spx-log-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-attr-filter{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.spx-sheet{display:grid;gap:var(--sp-12);padding:var(--sp-8) var(--sp-6) var(--sp-16)}.spx-sheet>.sys-page-head{margin-bottom:calc(var(--sp-8) * -1)}.spx-tokens{grid-template-columns:repeat(auto-fit,minmax(min(100%,820px),1fr))}.spx-blocks,.spx-tokens{display:grid;gap:var(--sp-8);align-items:start}.spx-blocks{grid-template-columns:repeat(auto-fit,minmax(min(100%,600px),1fr))}.spx-chip-swatch{display:block;width:28px;height:16px;border-radius:var(--r-1);box-shadow:inset 0 0 0 1px oklch(1 0 0/.1)}.spx-palettes{display:grid;gap:var(--sp-2)}.spx-vision{display:grid;grid-template-columns:80px minmax(0,1fr) 40px;align-items:center;column-gap:var(--sp-3)}.spx-vision-name{color:var(--fg-2);font-size:var(--t-data)}.spx-vision-de{color:var(--fg-1);font-size:var(--t-data);text-align:right}.spx-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.spx-cat{display:grid;place-items:center;height:28px;border-radius:var(--r-1);color:var(--bg-ground);font-size:var(--t-fine);font-weight:600}.spx-ramp{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px}.spx-ramp span{height:20px;border-radius:var(--r-1)}.spx-heat{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;padding:var(--sp-1) 0}.spx-heat i{height:10px;border-radius:1px}.spx-type{display:grid}.spx-type-row{display:grid;grid-template-columns:112px 120px minmax(120px,200px) minmax(0,1fr);align-items:baseline;column-gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.spx-type-spec,.spx-type-use{color:var(--fg-2);font-size:var(--t-data)}.spx-type-sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-type-sample[data-token="--t-title"]{font-size:var(--t-title);line-height:var(--lh-title);font-weight:600;letter-spacing:-.01em}.spx-type-sample[data-token="--t-head"]{font-size:var(--t-head);line-height:var(--lh-head);font-weight:600}.spx-type-sample[data-token="--t-lead"]{font-size:var(--t-lead);line-height:var(--lh-lead);font-weight:600}.spx-type-sample[data-token="--t-body"]{font-size:var(--t-body);line-height:var(--lh-body)}.spx-type-sample[data-token="--t-data"]{font-size:var(--t-data);line-height:var(--lh-data)}.spx-type-sample[data-token="--t-fine"]{color:var(--fg-2);font-size:var(--t-fine);line-height:var(--lh-fine);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase}.spx-numerals{display:grid;justify-items:end;width:max-content}.spx-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-6);align-items:start}.spx-space{display:grid}.spx-space-row{display:grid;grid-template-columns:96px 48px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);height:var(--row-dense);border-bottom:1px solid var(--line)}.spx-space-row i{display:block;height:8px;border-radius:1px;background:var(--mark)}.spx-num{color:var(--fg-1);font-size:var(--t-data);text-align:right}.spx-measure-use{color:var(--fg-2);font-size:var(--t-data);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-rows{display:grid;gap:var(--sp-2)}.spx-rows>div:not(.spx-radii){display:flex;align-items:center;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2);color:var(--fg-2);font-size:var(--t-data)}.spx-radii{display:flex;gap:var(--sp-3);padding-top:var(--sp-2)}.spx-radii i{width:40px;height:28px;border:1px solid var(--mark)}.spx-prim,.spx-prims{display:grid}.spx-prim{grid-template-columns:168px minmax(0,1fr);column-gap:var(--sp-6);padding:var(--sp-4) 0;border-top:1px solid var(--line)}.spx-prim h3{margin:0;padding-top:22px;color:var(--fg-1);font-size:var(--t-body);line-height:var(--lh-body);font-weight:600}.spx-prim-cells{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-4) var(--sp-8);min-width:0}.spx-cell{display:grid;gap:var(--sp-2);min-width:0;max-width:100%}.spx-cell-state{color:var(--fg-2);font-size:var(--t-fine);line-height:var(--lh-fine);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase}.spx-cell-body{display:flex;align-items:center;min-height:var(--ctl-l);min-width:0}.spx-wide-cell{width:380px;max-width:100%}.spx-wide-cell .sys-input{width:100%}.spx-facet-cell{width:var(--facet-w);border:1px solid var(--line);border-radius:var(--r-3)}.spx-facet-cell .sys-facet{border-bottom:0}.spx-table-cell{width:600px;max-width:100%;border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}.spx-table-cell .sys-table tbody tr:last-child td{border-bottom:0}.spx-tip-cell{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:176px;min-height:72px}.spx-tip-static{position:static}.spx-nav-cell{width:var(--nav-w);padding:var(--sp-1) 0;border-right:1px solid var(--line);background:var(--bg-ground)}.spx-head-cell{display:grid;gap:var(--sp-4);width:520px;max-width:100%}.spx-head-cell .sys-page-head{margin:0}.spx-checks{display:flex;align-items:center;gap:var(--sp-2)}.spx-dir-table{width:420px}.panel-root .spx-dir:not([data-dir=lock]) .sys-table tbody tr[aria-selected=true]>td,.panel-root .spx-dir:not([data-dir=lock]) :is(.sys-nav-item[aria-current=page],.sys-tab[aria-selected=true],.sys-seg button[aria-checked=true]){background-image:none;animation:none}.panel-root .spx-dir[data-dir=notch] :is(.sys-nav-item[aria-current=page],.sys-tab[aria-selected=true],.sys-seg button[aria-checked=true]){background-color:var(--accent-subtle);color:var(--accent);border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.panel-root .spx-dir[data-dir=notch] .sys-table tbody tr[aria-selected=true] td{background:var(--accent-subtle)}.panel-root .spx-dir[data-dir=inverse] :is(.sys-nav-item[aria-current=page],.sys-tab[aria-selected=true],.sys-seg button[aria-checked=true]){background-color:var(--fg-1);color:var(--bg-ground)}.panel-root .spx-dir[data-dir=inverse] .sys-table tbody tr[aria-selected=true] td{background:var(--fg-1);color:var(--bg-ground)}.panel-root .spx-dir[data-dir=bar] :is(.sys-nav-item[aria-current=page],.sys-seg button[aria-checked=true]){background-color:var(--bg-raised);box-shadow:inset 2px 0 0 var(--accent)}.panel-root .spx-dir[data-dir=bar] .sys-tab[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--accent)}.panel-root .spx-dir[data-dir=bar] .sys-table tbody tr[aria-selected=true] td{background:var(--bg-raised)}.panel-root .spx-dir[data-dir=bar] .sys-table tbody tr[aria-selected=true] td:first-child{box-shadow:inset 3px 0 0 var(--accent)}