:root, :host {
    --container-5xl: 64rem;
    --container-lg: 32rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --leading-relaxed: 1.625;
    --radius-lg: 0.5rem;
    --radius-md: 0.375rem;
    --radius-sm: 0.25rem;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --tracking-wide: 0.025em;
  }

  .report-legend-item {
    display: inline-flex;
    align-items: center;
    min-width: calc(var(--spacing) * 0);
    gap: var(--report-legend-item-gap,0.25rem);
  }
  .suite-eid-row {
    align-items: flex-start;
  }
  .empty.empty-tall {
    min-height: 16rem;
  }
  .tooltip-floating.tooltip-fixed {
    position-anchor: var(--tt-anchor);
    position-area: top span-all;
    justify-self: anchor-center;
    margin: 0 0 10px;
    position-try-fallbacks: flip-block,--tt-top-right,--tt-top-left,--tt-bottom-right,--tt-bottom-left;
    transform: scale(var(--tt-scale,1));
    container-type: anchored;
  }
  .suite-tabs .suite-tool {
    flex-direction: column;
    gap: var(--suite-tabs-tool-gap,calc(var(--spacing) * 0.5));
    font-size: var(--suite-tabs-tool-size,0.7rem);
  }
  .table-scroll {
    overflow: auto;
    max-height: var(--table-scroll-max-h,none);
    min-height: var(--table-scroll-min-h,0);
    overscroll-behavior: contain;
  }
  .tooltip-floating.tooltip-below::after {
    top: auto;
    bottom: 100%;
    transform: translateX(-50%) translateY(1px);
    border-top-color: transparent;
    border-bottom-color: var(--tooltip-bg,rgba(33,37,41,.95));
  }
  .suite-drawer {
    position: relative;
  }
  .diagram-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 2);
    height: var(--diagram-tool-size,1.8rem);
    min-width: var(--diagram-tool-size,1.8rem);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    border: 1px solid var(--color-border);
    background-color: transparent;
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .report-area-top {
    stop-color: var(--series);
    stop-opacity: var(--report-area-top,0.3);
  }
  .fault-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 1);
  }
  .report-note {
    display: flex;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-style: italic;
    color: var(--report-dim-color,var(--color-muted));
  }
  .filter-glass {
    position: absolute;
    left: calc(var(--spacing) * 2);
    color: var(--color-muted);
    pointer-events: none;
  }
  .wb-entry.compare {
    border-color: var(--color-accent);
    background-color: color-mix(in oklab,var(--color-accent) 10%,transparent);
    border-style: dashed;
  }
  .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 6);
    text-align: center;
    color: var(--color-muted);
  }
  .report-card:hover {
    border-color: var(--report-card-hover-border,var(--color-accent));
  }
  .status-note-text {
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
  }
  .suite-eid-check {
    display: inline-flex;
    flex-shrink: 0;
    width: var(--suite-eid-check-size,1rem);
    color: var(--color-accent);
  }
  .modal-card {
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    width: var(--modal-card-w,100%);
    max-width: var(--modal-card-max,48rem);
    max-height: var(--modal-card-max-h,calc(100dvh - 2rem));
    transition: width var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),max-width var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),max-height var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .filter-add-btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    align-self: flex-start;
    height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: 0.7rem;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    cursor: pointer;
    color: var(--color-muted);
    border-color: var(--color-border);
  }
  .fault-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
  }
  .filter-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .view-tab-label {
    font-size: 1.05rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.02em;
    line-height: 1.2;
  }
  .suite-switcher.suite-bar {
    align-items: stretch;
    gap: var(--suite-bar-gap,calc(var(--spacing) * 5));
    padding-left: var(--suite-bar-padding-inline,1.1rem);
    min-height: var(--suite-height,3.25rem);
    background: var(--suite-bar-bg,var(--color-panel0));
    border-bottom: var(--suite-bar-border,1px solid var(--color-border));
    font-size: var(--suite-font-size,clamp(0.875rem, 1.05vw, 1.125rem));
    user-select: none;
  }
  .diagram-node {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--diagram-node-border,var(--color-border));
    background-color: var(--diagram-node-bg,var(--color-panel));
    transition: border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),box-shadow var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .report-builder-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-radius: 0.25rem;
    cursor: pointer;
    color: var(--color-err);
    background-color: transparent;
    border: 0;
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .report-card-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .cal-range-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
    white-space: nowrap;
  }
  .form-input:focus {
    outline: none;
    border-color: var(--color-accent2);
  }
  .canvas-inspector {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    padding: calc(var(--spacing) * 2);
    grid-row: 1/3;
  }
  .suite-account {
    position: relative;
    display: flex;
    align-items: center;
    font-family: inherit;
    font-size: var(--suite-font-size,inherit);
    font-weight: var(--suite-font-weight,inherit);
    line-height: var(--suite-line-height,inherit);
  }
  .suite-drawer-toggle::-webkit-details-marker {
    display: none;
  }
  .canvas-empty {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .prose-legal a {
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .filter-warn {
    display: inline-flex;
    align-items: center;
    color: var(--color-warn);
    cursor: help;
  }
  .cal-range {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 0);
  }
  .menu {
    position: absolute;
    right: calc(var(--spacing) * 0);
    z-index: 1100;
    min-width: 12rem;
    max-height: var(--menu-max-h,none);
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding-block: calc(var(--spacing) * 1);
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    opacity: 0%;
    pointer-events: none;
    visibility: hidden;
    top: calc(100% + 6px);
    --tw-shadow: 0 6px 18px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transform-origin: top right;
    transform: scale(var(--menu-enter-scale,.96)) translateY(var(--menu-enter-shift,-6px));
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),visibility 0s linear var(--motion-base,150ms);
  }
  .wb-drawer.wb-drawer-open {
    transform: none;
    visibility: visible;
    transition: transform var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1)));
  }
  .suite-bar .suite-tools {
    align-items: stretch;
    gap: calc(var(--spacing) * 0);
    background: var(--suite-tools-bg,var(--color-panel));
    border-inline: var(--suite-tools-border,1px solid var(--color-border));
  }
  .toast.show {
    opacity: 100%;
    transform: translateX(0);
  }
  .report-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    padding: var(--report-card-body-padding,0.5rem);
  }
  .report-dot-lg {
    width: var(--report-dot-size-lg,5px);
    height: var(--report-dot-size-lg,5px);
  }
  .report-ytick {
    position: absolute;
    transform: translateY(-50%);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    line-height: 1;
    color: var(--report-label-color,var(--color-muted));
    font-size: var(--report-tick-size,10px);
  }
  .wb-head-tools {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .tooltip-floating {
    white-space: nowrap;
    text-align: center;
    color: var(--color-fg);
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    position: fixed;
    pointer-events: none;
    padding: 10px;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    transform-origin: 50% 100%;
    z-index: var(--tooltip-z,9999);
    border-color: var(--tooltip-border,var(--color-border));
    background-color: var(--tooltip-bg,rgba(33,37,41,.95));
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(var(--tt-ty,calc(-100% - 10px))) scale(var(--tt-scale,1));
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .panel {
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .tooltip-anchored.tooltip-below {
    bottom: auto;
    top: 100%;
  }
  .suite-profile-identities {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    list-style-type: none;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .fab-bubble:hover {
    border-color: var(--color-accent2);
    transform: translateY(-2px);
  }
  .cal-cell-label.cal-cell-muted {
    opacity: 40%;
  }
  .cal-viewport {
    position: relative;
    flex: 1;
    min-height: 20rem;
    overflow: hidden;
    overscroll-behavior: contain;
    touch-action: none;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .suite-tool-soon:hover .suite-tool-tip {
    opacity: 100%;
  }
  .suite-profile-identity {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    border-radius: var(--suite-profile-identity-radius,var(--radius-md));
    background: var(--suite-profile-identity-bg,var(--color-panel2));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
  }
  .pane-in-reverse {
    animation: pane-in-reverse var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1)) backwards;
  }
  .suite-tools-nav {
    display: flex;
    align-items: stretch;
    min-width: calc(var(--spacing) * 0);
  }
  .consent-text {
    font-size: var(--suite-consent-text-size,13px);
    color: var(--suite-consent-fg,var(--color-fg));
    margin: calc(var(--spacing) * 0);
  }
  .fb-value > * {
    width: 100%;
  }
  .mini-spark {
    display: block;
    overflow: visible;
    color: var(--mini-color,var(--color-accent));
  }
  .segmented > .tooltip-trigger {
    display: inline-flex;
  }
  .fault {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    text-align: center;
    color: var(--color-muted);
  }
  .filter-field {
    position: relative;
    display: flex;
    align-items: center;
  }
  .filter-remove-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-radius: 0.25rem;
    color: var(--color-err);
    background-color: transparent;
    border: 0;
    cursor: pointer;
  }
  .data-table thead th.data-table-actions {
    z-index: 20;
  }
  .btn-accent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-accent2);
    color: var(--color-bg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.45rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
  }
  .fb-warn {
    display: inline-flex;
    align-items: center;
    cursor: help;
    color: var(--filter-incomplete-color,var(--color-warn));
  }
  .report-builder-remove:hover {
    background-color: color-mix(in srgb,var(--color-err) 15%,transparent);
  }
  .suite-profile-name {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--suite-profile-name-color,var(--color-fg));
  }
  .tooltip-value {
    text-align: right;
    font-size: 0.75rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .report-bar-fill {
    display: block;
    height: 100%;
    vertical-align: top;
    min-width: 2px;
    border-radius: var(--report-bar-radius,0.25rem);
    background-color: var(--series);
  }
  .report-dot {
    display: block;
    border-radius: calc(infinity * 1px);
    width: var(--report-dot-size,4px);
    height: var(--report-dot-size,4px);
    background-color: var(--series);
  }
  .wb-drawer-tab {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 0);
    z-index: 31;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 1);
    border: 1px solid var(--wb-drawer-border,var(--color-border));
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--color-panel2);
    color: var(--color-muted);
    cursor: pointer;
    transform: translateY(-50%);
    transition: right var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))),color var(--motion-fast,120ms);
  }
  .fb-btn.fb-remove {
    color: var(--filter-remove-fg,var(--color-muted));
    border: 1px solid var(--filter-remove-border,var(--color-border));
    background-color: transparent;
  }
  .tooltip-point {
    position: absolute;
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    pointer-events: none;
    anchor-name: var(--tt-anchor);
  }
  .report-preset-active {
    color: var(--report-preset-active-fg,var(--color-accent));
    border-color: var(--report-preset-active-border,var(--color-accent));
    background-color: color-mix(in srgb,var(--color-accent) 12%,transparent);
  }
  .report-heat-zero {
    color: var(--heat-fg,var(--report-heat-zero-fg,var(--color-muted)));
  }
  .diagram-tool:hover {
    color: var(--color-accent2);
    background-color: var(--diagram-tool-hover-bg,var(--color-panel2));
  }
  .icon-xs {
    --icon-size: 0.75rem;
  }
  .status-note.status-note-ok {
    --status-note-tone: var(--color-ok);
  }
  .segmented.segmented-wrap {
    flex-wrap: wrap;
  }
  .btn-danger.btn-danger {
    border-color: var(--color-err);
    color: var(--color-err);
  }
  .segmented {
    display: inline-flex;
    align-items: stretch;
  }
  .suite-tabs .suite-tools {
    flex: 1;
    justify-content: space-around;
  }
  .drag-handle {
    cursor: move;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
  }
  .mini-gauge {
    display: block;
    color: var(--mini-color,var(--color-accent));
  }
  .suite-profile-note {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--suite-profile-label-color,var(--color-muted));
  }
  .icon-md {
    --icon-size: 1.25rem;
  }
  .empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 1);
  }
  .report-pie-plot {
    position: relative;
    height: 100%;
    max-width: var(--report-pie-max-w,60%);
    aspect-ratio: 1/1;
  }
  .brand-icon {
    display: block;
    image-rendering: pixelated;
  }
  .wb-drawer-on .wb-main {
    margin-right: var(--wb-drawer-w,min(100%, 40rem));
    padding-right: var(--wb-drawer-gap,2rem);
  }
  .badge.badge-muted {
    color: var(--color-muted);
    border-color: var(--color-border);
  }
  .suite-inline .suite-tool.suite-tool-soon {
    padding: var(--suite-soon-padding,calc(0.3rem + var(--suite-soon-ring-width,4px)) calc(0.625rem + var(--suite-soon-ring-width,4px)));
  }
  .report-builder-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    padding: var(--report-builder-section-padding,0.5rem);
  }
  .toast-text {
    font-size: 13px;
    color: var(--color-fg);
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
  }
  .btn-primary:hover:not(:disabled) {
    filter: brightness(1.07);
  }
  .panel-title {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .stat-tile-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
  }
  .toast-container {
    position: fixed;
    right: calc(var(--spacing) * 0);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    z-index: 1000;
    pointer-events: none;
    top: calc(48px + 10px);
  }
  .data-table .data-table-actions {
    position: sticky;
    right: calc(var(--spacing) * 0);
    z-index: 5;
    background-color: var(--color-panel);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-border);
  }
  .segmented-opt > .icon {
    --icon-size: 0.9rem;
    flex-shrink: 0;
  }
  .suite-profile-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .canvas-stage:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-accent);
  }
  .modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    flex-shrink: 0;
    background-color: var(--color-panel0);
  }
  .report-heat-corner {
    width: var(--report-heat-corner-w,5rem);
  }
  .disclosure-body {
    display: flex;
    flex-direction: column;
  }
  .suite-eid-trigger {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    cursor: pointer;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
    padding: var(--suite-eid-trigger-padding,calc(var(--spacing) * 1) calc(var(--spacing) * 2.5));
    background: var(--suite-eid-trigger-bg,transparent);
    border: var(--suite-eid-trigger-border,1px solid var(--color-border));
    border-radius: var(--suite-radius,0.375rem);
    font: inherit;
  }
  .wb-body {
    display: flex;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .report-color-swatch {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: pointer;
    width: var(--report-color-swatch-size,1.1rem);
    height: var(--report-color-swatch-size,1.1rem);
    border-color: var(--color-border);
    background-color: var(--series);
    transition: box-shadow var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .pulse {
    animation: pulse var(--motion-pulse,2s) var(--ease-pulse,cubic-bezier(.4,0,.6,1)) infinite;
  }
  .brand-art {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .fb-divider::before {
    content: '';
    flex: 1;
    border-top: var(--filter-divider-line,1px solid var(--color-border));
  }
  .wb-entry.tone-muted {
    opacity: 0.6;
  }
  .filter-add-btn.filter-add-outer {
    border-style: dashed;
  }
  .report-explorer-result {
    display: flex;
    flex-direction: column;
    min-width: calc(var(--spacing) * 0);
    min-height: var(--report-explorer-min-h,24rem);
  }
  .suite-provider:hover {
    background: var(--suite-item-hover-bg,var(--color-panel));
    color: var(--suite-item-hover-fg,var(--suite-panel-fg,var(--color-fg)));
  }
  .report-heat-secondary {
    display: block;
    font-size: 0.65rem;
    opacity: 0.7;
  }
  .report-group-bars {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    gap: 2px;
  }
  .fb-readonly-value {
    color: var(--filter-select-fg,var(--color-fg));
    font-size: var(--filter-select-size,0.875rem);
  }
  .report-hit {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transform: translate(-50%,-50%);
    width: var(--report-hit-size,12px);
    height: var(--report-hit-size,12px);
  }
  .fb-footer {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1);
  }
  .cal-range-nav {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .tooltip-trigger {
    anchor-name: var(--tt-anchor);
  }
  .wb-drawer-tab.wb-drawer-tab-open {
    right: var(--wb-drawer-w,min(100%, 40rem));
  }
  .suite-tool-soon .suite-tool-name::after {
    display: none;
  }
  .popover.open {
    opacity: 100%;
    pointer-events: auto;
    transform: scale(1) translateY(0);
  }
  .prose-legal h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .empty-icon {
    --icon-size: 2rem;
    opacity: 60%;
  }
  .report-heat {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .data-table .cell-clip {
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dep-reason {
    color: var(--color-muted);
  }
  .suite-eid-editor-row {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
    grid-template-columns: minmax(0,1fr) minmax(0,12rem) auto;
    border-radius: var(--radius-md);
    background: var(--suite-eid-row-bg,var(--color-panel2));
    border: 1px solid transparent;
  }
  .icon-sm {
    --icon-size: 0.875rem;
  }
  .toast-time {
    font-size: 11px;
    color: var(--color-muted);
    margin-top: calc(var(--spacing) * 1);
    font-family: var(--font-mono);
  }
  .modal-card.wb-card {
    display: flex;
    flex-direction: column;
    width: var(--wb-card-w,92vw);
    height: var(--wb-card-h,88vh);
    max-width: var(--wb-card-max,80rem);
    transition: width var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))),max-width var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))),height var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1)));
  }
  .ratio-chip-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 80%;
  }
  .cal-strip {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    top: var(--strip-top,-100%);
    height: var(--strip-h,300%);
    display: flex;
    flex-direction: column;
  }
  .suite-tool {
    display: inline-flex;
    align-items: center;
    gap: var(--suite-tool-gap,calc(var(--spacing) * 2));
    padding: var(--suite-tool-padding,calc(var(--spacing) * 1) calc(var(--spacing) * 2.5));
    text-decoration-line: none;
    white-space: nowrap;
    font-weight: var(--suite-tool-weight,var(--suite-font-weight,600));
    font-synthesis-weight: none;
    color: var(--tool,var(--color-fg));
    border-radius: var(--suite-radius,0.375rem);
    transition: color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .popover.popover-lg {
    width: 320px;
  }
  .btn-primary:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .segmented-opt:disabled {
    opacity: 45%;
    cursor: not-allowed;
  }
  .canvas-editor {
    display: grid;
    grid-template-columns: auto 1fr minmax(12rem,16rem);
    grid-template-rows: auto auto;
    gap: calc(var(--spacing) * 3);
    min-height: calc(var(--spacing) * 0);
  }
  .filter-remove-btn:hover {
    background-color: color-mix(in srgb,var(--color-err) 15%,transparent);
  }
  .diagram-node-toggle {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    width: var(--diagram-toggle-size,1.1rem);
    height: var(--diagram-toggle-size,1.1rem);
    font-size: var(--diagram-toggle-font-size,0.65rem);
    color: var(--diagram-toggle-fg,var(--color-muted));
    border: 1px solid var(--color-border);
    background-color: var(--diagram-toggle-bg,var(--color-panel));
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .view-tabs {
    display: flex;
    gap: calc(var(--spacing) * 2);
    container-type: inline-size;
  }
  .report-chart {
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    display: flex;
    flex-direction: column;
    gap: var(--report-chart-gap,0.5rem);
    font-size: var(--report-font-size,0.75rem);
  }
  .suite-profile-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .icon-lg {
    --icon-size: 1.5rem;
  }
  .popover.popover-sm {
    width: 240px;
  }
  .empty.empty-fill {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .filter-field > input {
    width: 100%;
    padding-left: calc(var(--spacing) * 7);
  }
  .canvas-preview {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
    align-items: flex-start;
    grid-column: 2;
  }
  .tooltip-line-head {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg);
  }
  .filter-glue {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
  }
  .cal-row {
    position: relative;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
    display: flex;
    flex-direction: column;
  }
  .toast.leaving.leaving {
    opacity: 0%;
    transform: translateX(100%);
  }
  .suite-tool-mark {
    display: block;
    flex: none;
    width: var(--suite-tool-mark-size,1.5em);
    height: var(--suite-tool-mark-size,1.5em);
    border-radius: var(--suite-tool-mark-radius,4px);
    image-rendering: auto;
  }
  .tooltip-trigger:hover > .tooltip-toggle {
    opacity: 100%;
    --tt-scale: 1;
  }
  .report-table-wrap {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    overflow-y: auto;
  }
  .view-tab.active .view-tab-sub {
    color: color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 70%,var(--color-muted));
  }
  .menu-item:disabled {
    opacity: 40%;
    cursor: not-allowed;
  }
  .tooltip-anchored {
    position: absolute;
    left: calc(1/2 * 100%);
    bottom: 100%;
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(var(--tt-ty,-10px)) scale(var(--tt-scale,1));
  }
  .btn-mini.btn-icon {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .data-table {
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    border-collapse: collapse;
  }
  .diagram-edge-label {
    position: absolute;
    padding-inline: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    pointer-events: none;
    background-color: var(--diagram-edge-label-bg,var(--color-panel));
    color: var(--diagram-edge-label-fg,var(--color-muted));
  }
  .modal-sentinel {
    position: fixed;
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    overflow: hidden;
    opacity: 0%;
    pointer-events: none;
  }
  .suite-tabs .suite-tools-nav {
    flex: 1;
  }
  .pane-in {
    animation: pane-in var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1)) backwards;
  }
  .disclosure-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 0);
  }
  .suite-profile-check {
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
  }
  .suite-profile-identity-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tooltip-trigger:focus-within > .tooltip-toggle {
    opacity: 100%;
    --tt-scale: 1;
  }
  .icon-btn.active {
    color: var(--color-accent);
  }
  .suite-switcher.suite-rail {
    flex-direction: column;
    align-items: stretch;
    padding: var(--suite-rail-padding,calc(var(--spacing) * 3) calc(var(--spacing) * 2));
    background: var(--suite-rail-bg,var(--color-panel));
    border-right: var(--suite-rail-border,1px solid var(--color-border));
  }
  .suite-wordmark-dot {
    color: var(--suite-wordmark-dot-color,var(--tool,var(--color-accent)));
    font-size: var(--suite-wordmark-dot-size,1.25em);
    font-weight: var(--suite-wordmark-weight,var(--font-weight-bold));
    line-height: 0;
  }
  .tooltip-host {
    position: relative;
    display: inline-block;
  }
  .dep-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
  }
  .report-builder-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .suite-profile-label {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--suite-profile-label-color,var(--color-muted));
    letter-spacing: 0.06em;
  }
  .btn-mini:hover {
    border-color: var(--color-accent2);
  }
  .suite-eid-add {
    display: grid;
    gap: calc(var(--spacing) * 2);
    align-items: center;
    grid-template-columns: minmax(0,1fr) minmax(0,12rem) auto;
  }
  .fb-divider {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--filter-glue-color,var(--color-muted));
    font-size: var(--filter-divider-size,0.65rem);
    letter-spacing: var(--filter-divider-tracking,0.1em);
  }
  .popover-combo-opt {
    display: block;
    width: 100%;
    text-align: left;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-fg);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: inherit;
  }
  .report-color-swatch:hover {
    box-shadow: var(--report-color-swatch-hover-ring,0 0 0 2px var(--color-accent));
  }
  .consent-actions > .btn-primary {
    flex: var(--suite-consent-button-flex,1 1 auto);
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: var(--suite-consent-button-padding,calc(var(--spacing) * 2));
  }
  .toast-host .toast {
    min-width: 220px;
    max-width: 320px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-radius: var(--radius-md);
    box-shadow: 0 6px 20px rgba(0,0,0,.45);
  }
  .suite-inline .suite-wordmark-text {
    display: var(--suite-wordmark-text,none);
  }
  .filter-glue.filter-glue-outer {
    color: var(--color-accent);
  }
  .report-heat-cell {
    text-align: center;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    line-height: 1;
    padding: 0.125rem 0.25rem;
    background-color: color-mix(in srgb,var(--heat-high,var(--color-heat-high,var(--color-accent))) calc(var(--heat) * 100%),var(--unfilled,var(--color-heat-low,var(--color-panel2))));
    color: var(--heat-fg,var(--color-fg));
    transition: filter var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .eid-blur:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-accent);
  }
  .report-bar-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    max-width: var(--report-bar-label-w,9rem);
    color: var(--color-muted);
  }
  .report-bar-track > .tooltip-trigger {
    display: flex;
    height: 100%;
  }
  .menu-item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    cursor: pointer;
    text-decoration-line: none;
    white-space: nowrap;
    font: inherit;
  }
  .wb-entry:hover {
    border-color: var(--color-accent);
  }
  .status-note-icon {
    margin-top: 0.125rem;
    color: var(--status-note-tone);
  }
  .suite-tool.suite-tool-soon {
    position: relative;
    cursor: not-allowed;
    color: var(--suite-soon-color,var(--color-muted));
  }
  .dep-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
  }
  .disclosure-tools {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .suite-avatar {
    width: var(--suite-avatar-size,calc(var(--spacing) * 6));
    height: var(--suite-avatar-size,calc(var(--spacing) * 6));
    border-radius: calc(infinity * 1px);
    flex-shrink: 0;
  }
  .form-check {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 13px;
    color: var(--color-fg);
    cursor: pointer;
  }
  .icon {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: -0.125em;
    width: var(--icon-size,1rem);
    height: var(--icon-size,1rem);
  }
  .icon {
    &>svg {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .tooltip-floating.tooltip-anchored {
    position: absolute;
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(var(--tt-ty,-10px)) scale(var(--tt-scale,1));
  }
  .report-grid-heading {
    text-transform: uppercase;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
  }
  .report-builder-add:hover {
    color: var(--color-accent2);
    background-color: var(--report-builder-add-hover-bg,var(--color-panel2));
  }
  .fault-icon {
    --icon-size: var(--fault-icon-size,2.25rem);
    color: var(--fault-icon-color,var(--color-warn));
  }
  .fb-select:hover {
    background-color: var(--filter-select-hover-bg,var(--color-panel));
  }
  .combo-opt-label {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wb-rail {
    flex-shrink: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-border);
    overflow-y: auto;
    padding: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    width: var(--wb-rail-w,18rem);
    scrollbar-gutter: stable;
    transition: width var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1)));
  }
  .status-note-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
  }
  .report-cost-medium {
    color: var(--color-warn);
    background-color: color-mix(in srgb,var(--color-warn) 15%,transparent);
  }
  .report-plot {
    position: relative;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
  }
  .canvas-view-item {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    min-width: calc(var(--spacing) * 0);
    min-height: calc(var(--spacing) * 0);
  }
  .consent-links {
    display: var(--suite-consent-links-display,inline);
    margin-top: var(--suite-consent-links-gap,0);
    margin-left: var(--suite-consent-link-spacing,0.75em);
  }
  .suite-provider {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--suite-item-gap,calc(var(--spacing) * 2));
    padding: var(--suite-item-padding,calc(var(--spacing) * 1.5) calc(var(--spacing) * 3));
    box-sizing: border-box;
    text-decoration-line: none;
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    cursor: pointer;
    font: inherit;
    color: var(--suite-panel-fg,var(--color-fg));
  }
  .toast-host {
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    z-index: 1000;
    pointer-events: none;
    max-width: calc(100vw - 2rem);
  }
  .suite-mark {
    display: block;
    flex-shrink: 0;
    width: var(--suite-mark-size,2em);
    height: var(--suite-mark-size,2em);
    border-radius: var(--suite-mark-radius,5px);
    image-rendering: auto;
  }
  .fb-field {
    min-width: calc(var(--spacing) * 0);
    flex: 0 0 var(--filter-field-w,11rem);
  }
  .segmented > .segmented-opt:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .report-legend-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-muted);
  }
  .badge.badge-accent {
    color: var(--color-accent);
    border-color: var(--color-accent);
  }
  .modal-card.modal-card-sm {
    max-width: var(--container-lg);
  }
  .tooltip-line {
    display: block;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    color: var(--color-muted);
  }
  .modal-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    margin: calc(var(--spacing) * 0);
    color: var(--color-fg);
  }
  .cal-range-date {
    width: auto;
    height: calc(var(--spacing) * 7);
    box-sizing: border-box;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    padding-block: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 2);
  }
  .empty-hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    max-width: 28rem;
  }
  .data-table tbody tr {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .canvas-handle-sw {
    bottom: -4px;
    left: -4px;
    cursor: nesw-resize;
  }
  .report-pie-value {
    margin-left: auto;
    flex-shrink: 0;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: var(--color-fg);
  }
  .fb-is {
    color: var(--filter-is-color,var(--color-muted));
    font-size: var(--filter-select-size,0.875rem);
  }
  .suite-profile-upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .suite-inline.suite-account .suite-account-panel {
    position-area: bottom span-right;
  }
  .drag-panel {
    position: fixed;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    min-width: 160px;
    min-height: 80px;
    max-width: 100vw;
    max-height: 100vh;
    resize: both;
    --tw-shadow: 0 6px 18px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .report-presets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--report-preset-gap,0.375rem);
  }
  .fb-btn.fb-or-btn:disabled {
    opacity: var(--filter-or-disabled-opacity,0.4);
    cursor: not-allowed;
  }
  .diagram-stage {
    position: relative;
    overflow: visible;
  }
  .report-card-switch {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    order: 1;
  }
  span.tooltip-trigger {
    display: inline-block;
    vertical-align: baseline;
    max-width: 100%;
  }
  .report-card-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
  }
  .suite-wordmark-text {
    font-size: var(--suite-wordmark-size,1.15em);
    font-weight: var(--suite-wordmark-weight,var(--font-weight-bold));
    line-height: var(--suite-wordmark-line-height,1);
    text-box: var(--suite-wordmark-text-box,trim-both cap alphabetic);
  }
  .wb-entry.selected {
    border-color: var(--color-accent);
    background-color: color-mix(in oklab,var(--color-accent) 10%,transparent);
  }
  .diagram-node-selected {
    border-color: var(--diagram-node-selected-border,var(--color-accent));
    box-shadow: var(--diagram-node-selected-ring,0 0 0 1px var(--color-accent));
  }
  .tooltip-host:hover .tooltip-toggle {
    opacity: 100%;
    --tt-scale: 1;
  }
  .modal-card.modal-card-lg {
    max-width: var(--container-5xl);
  }
  .badge.badge-ok {
    color: var(--color-ok);
    border-color: var(--color-ok);
  }
  .fb-op {
    min-width: calc(var(--spacing) * 0);
    flex: 0 0 var(--filter-op-w,9rem);
  }
  .segmented > * + * {
    margin-left: -1px;
  }
  .menu-item:hover {
    background-color: var(--color-panel);
  }
  .report-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .fb-chip {
    display: inline-flex;
    align-items: center;
    padding-inline: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--filter-chip-bg,transparent);
    color: var(--filter-chip-fg,var(--color-accent2));
    border: var(--filter-chip-border,1px solid color-mix(in srgb,var(--color-accent2) 60%,transparent));
    border-radius: var(--filter-chip-radius,9999px);
    font-size: var(--filter-chip-size,0.6rem);
  }
  .popover-combo-opt:hover {
    background-color: var(--color-accent);
    color: var(--color-bg);
  }
  .combo-wrap.combo-tz {
    min-width: 18rem;
  }
  .suite-account-link:hover {
    background: var(--suite-item-hover-bg,var(--color-panel));
    color: var(--suite-item-hover-fg,var(--suite-panel-fg,var(--color-fg)));
  }
  .report-card {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    min-height: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--report-card-radius,0.5rem);
    background-color: var(--report-card-bg,var(--color-panel));
    transition: border-color var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    border-radius: 999px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    --tw-leading: 1;
    cursor: default;
  }
  .report-grid-cell {
    display: flex;
    flex-direction: column;
    min-width: calc(var(--spacing) * 0);
    min-height: calc(var(--spacing) * 0);
    overflow: hidden;
    grid-column: var(--rg-x,auto) / span var(--rg-w,1);
    grid-row: var(--rg-y,auto) / span var(--rg-h,1);
  }
  .tooltip-trigger.tt-dismissed > .tooltip-toggle.tooltip-floating {
    opacity: 0%;
  }
  .ratio-chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding: 0.1rem 0.55rem;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
    color: color-mix(in oklab,var(--color-ok) calc(var(--ratio,0) * 100%),var(--color-err));
    background-color: color-mix(in oklab,color-mix(in oklab,var(--color-ok) calc(var(--ratio,0) * 100%),var(--color-err)) 10%,var(--color-panel0,var(--color-bg)));
    border: 1px solid color-mix(in oklab,color-mix(in oklab,var(--color-ok) calc(var(--ratio,0) * 100%),var(--color-err)) 55%,transparent);
  }
  .border-rarity-0 {
    border-color: var(--rarity-fg-0,rgb(156 163 175));
  }
  .suite-account.suite-bar {
    align-self: var(--suite-account-align,stretch);
    margin-left: auto;
    flex-shrink: 0;
    gap: var(--suite-account-gap,0.6rem);
    padding: var(--suite-account-padding,0 1.1rem 0 calc(var(--spacing) * 3));
    background: var(--suite-account-bg,var(--color-panel));
    border-left: var(--suite-account-border,1px solid var(--color-border));
  }
  .suite-eid-editor-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .border-rarity-1 {
    border-color: var(--rarity-fg-1,#6ab6ff);
  }
  .report-marks:hover .report-mark:not(.report-dim):hover {
    opacity: 1;
  }
  .report-grid-group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .border-rarity-2 {
    border-color: var(--rarity-fg-2,#c03fe2);
  }
  .canvas-handle-nw {
    top: -4px;
    left: -4px;
    cursor: nwse-resize;
  }
  .status-note {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    background-color: var(--color-panel2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-fg);
    --status-note-tone: var(--color-accent2);
    border-left-color: var(--status-note-tone);
  }
  .suite-wordmark {
    display: var(--suite-wordmark,inline-flex);
    align-items: var(--suite-wordmark-align,center);
    gap: var(--suite-wordmark-gap,0.6rem);
    flex-shrink: 0;
    color: var(--suite-wordmark-color,var(--color-fg));
    text-decoration-line: none;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
  }
  .suite-switcher.suite-inline {
    flex-wrap: wrap;
    background: var(--suite-inline-bg,transparent);
  }
  .border-rarity-3 {
    border-color: var(--rarity-fg-3,#eeab42);
  }
  .disclosure-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .canvas-item.selected {
    outline-color: var(--color-accent);
    z-index: 1;
  }
  .report-gridline {
    stroke: var(--report-gridline-color,var(--color-border));
    stroke-width: var(--report-gridline-width,0.5);
    stroke-dasharray: var(--report-gridline-dash,3 3);
    vector-effect: non-scaling-stroke;
  }
  .suite-bar .suite-tool {
    justify-content: center;
    border-radius: var(--suite-bar-tool-radius,0);
    padding: var(--suite-tool-padding,0.3rem 0.95rem);
  }
  .canvas-handle-se {
    bottom: -4px;
    right: -4px;
    cursor: nwse-resize;
  }
  .report-preset {
    display: inline-flex;
    align-items: center;
    padding-inline: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 7);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: pointer;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    border-color: var(--color-border);
    background-color: transparent;
  }
  .icon-btn .icon {
    --icon-size: 1.125rem;
  }
  .wb-entry.tone-warn {
    --wb-entry-border: color-mix(in oklab,var(--color-warn) 50%,transparent);
  }
  .suite-drawer-panel {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 1000;
    width: var(--suite-drawer-width,min(18rem, 85vw));
    padding: var(--suite-drawer-padding,calc(var(--spacing) * 3));
    background: var(--suite-drawer-bg,var(--color-panel));
    border-right: var(--suite-drawer-border,1px solid var(--color-border));
    box-shadow: var(--suite-drawer-shadow,0 6px 18px rgba(0,0,0,.4));
  }
  .suite-drawer-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--suite-drawer-toggle-size,calc(var(--spacing) * 9));
    height: var(--suite-drawer-toggle-size,calc(var(--spacing) * 9));
    cursor: pointer;
    list-style-type: none;
    color: var(--suite-drawer-toggle-color,var(--color-fg));
    background-color: transparent;
    border: var(--suite-drawer-toggle-border,1px solid var(--color-border));
    border-radius: var(--suite-radius,0.375rem);
  }
  .combo-opt-badge {
    margin-left: auto;
    flex-shrink: 0;
  }
  .cal-now {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0.5);
    background-color: var(--color-err);
    z-index: 1;
  }
  .badge:hover {
    filter: brightness(1.15);
  }
  .segmented-count {
    color: var(--color-muted);
    font-variant-numeric: tabular-nums;
  }
  .tooltip-point > .tooltip-floating {
    opacity: 100%;
    --tt-scale: 1;
  }
  .modal-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow-y: auto;
  }
  .suite-account-panel:popover-open {
    display: flex;
    flex-direction: column;
  }
  .report-builder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-muted);
  }
  .report-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
  }
  .filter-add-btn.filter-add-inner {
    color: var(--color-accent2);
    border-color: var(--color-accent2);
  }
  .report-grid {
    display: grid;
    grid-template-columns: repeat(var(--report-grid-cols,8),minmax(0,1fr));
    gap: var(--report-grid-gap,0.75rem);
    grid-auto-rows: var(--report-grid-row,max(5rem, calc((100cqi - (var(--report-grid-cols,8) - 1) * var(--report-grid-gap,0.75rem)) / var(--report-grid-cols,8))));
    container-type: inline-size;
  }
  .report-card-titles {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 6rem;
  }
  .wb-body:has(.wb-drawer) {
    position: relative;
  }
  .wb-notice {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .toast {
    pointer-events: auto;
    min-width: 240px;
    max-width: 360px;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    cursor: pointer;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
    transition: opacity var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .canvas-handle-ne {
    top: -4px;
    right: -4px;
    cursor: nesw-resize;
  }
  .suite-account-link {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--suite-item-gap,calc(var(--spacing) * 2));
    padding: var(--suite-item-padding,calc(var(--spacing) * 1.5) calc(var(--spacing) * 3));
    box-sizing: border-box;
    text-decoration-line: none;
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    cursor: pointer;
    font: inherit;
    color: var(--suite-panel-fg,var(--color-fg));
  }
  .suite-signin:hover {
    background: var(--suite-signin-hover-bg,var(--suite-signin-bg,transparent));
    color: var(--suite-signin-hover-color,var(--suite-signin-color,inherit));
  }
  .mini-stack-seg {
    height: 100%;
    flex-shrink: 0;
    background-color: var(--mini-color,var(--color-accent));
  }
  .suite-tool:hover {
    color: var(--suite-tool-hover-color,color-mix(in oklab,var(--tool,var(--color-fg)) 82%,white));
    background: var(--suite-tool-hover-bg,color-mix(in oklab,var(--tool,var(--color-accent)) var(--suite-tool-hover-mix,16%),transparent));
  }
  .fb-incomplete {
    border-color: var(--filter-incomplete-color,var(--color-warn));
    box-shadow: var(--filter-incomplete-glow,0 0 5px 1px color-mix(in srgb,var(--filter-incomplete-color,var(--color-warn)) 55%,transparent));
  }
  .fb-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--filter-row-gap,0.5rem);
    padding: var(--filter-row-padding,0.25rem 0);
  }
  .tooltip-floating::before {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    top: 100%;
    left: calc(50% + var(--arrow-offset, 0px));
    transform: translateX(-50%);
    border-style: var(--tw-border-style);
    border-width: 7px;
    border-color: transparent;
    border-top-color: var(--tooltip-border,var(--color-border));
  }
  .fault-page {
    flex: 1;
    min-height: 60vh;
    padding: var(--fault-page-padding,calc(var(--spacing) * 12) calc(var(--spacing) * 6));
  }
  .report-reason {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--report-reason-color,var(--color-warn));
  }
  .icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    background-color: transparent;
    color: var(--color-muted);
    cursor: pointer;
  }
  .icon-btn:hover {
    color: var(--color-fg);
  }
  .modal-card:focus {
    outline: none;
  }
  .segmented-opt.active {
    z-index: 1;
    color: var(--color-fg);
    background-color: var(--color-panel0,var(--color-bg));
    border-color: var(--color-muted);
  }
  .caret.open {
    transform: rotate(var(--caret-turn,90deg));
  }
  .fb-select:disabled {
    opacity: var(--filter-disabled-opacity,0.6);
    cursor: not-allowed;
  }
  .fb-divider::after {
    content: '';
    flex: 1;
    border-top: var(--filter-divider-line,1px solid var(--color-border));
  }
  .suite-tools {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    gap: var(--suite-gap,0.5rem);
  }
  .cal-period-context {
    opacity: 0.55;
  }
  .report-cost {
    display: inline-flex;
    align-items: center;
    padding-inline: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-size: 0.65rem;
  }
  .report-slice {
    fill: var(--series);
    stroke: var(--report-slice-stroke,var(--color-bg));
    stroke-width: var(--report-slice-stroke-width,1);
    vector-effect: non-scaling-stroke;
  }
  .ratio-fill {
    background-color: color-mix(in oklab,color-mix(in oklab,var(--color-ok) calc(var(--ratio,0) * 100%),var(--color-err)) var(--ratio-fill-strength,22%),var(--color-panel));
  }
  .consent-banner {
    position: fixed;
    bottom: calc(var(--spacing) * 4);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    z-index: var(--suite-consent-z,40);
    width: calc(100vw - 2rem);
    max-width: var(--suite-consent-max-width,640px);
    background: var(--suite-consent-bg,var(--color-panel2));
    border: var(--suite-consent-border,1px solid var(--color-border));
    border-radius: var(--suite-consent-radius,var(--radius-md));
    padding: var(--suite-consent-padding,calc(var(--spacing) * 3) calc(var(--spacing) * 4));
    display: flex;
    flex-direction: column;
    gap: var(--suite-consent-gap,calc(var(--spacing) * 2));
    box-shadow: var(--suite-consent-shadow,0 6px 20px rgba(0,0,0,.45));
  }
  .report-num {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    text-align: right;
    font-family: var(--font-mono);
    color: var(--color-fg);
  }
  .canvas-handle {
    position: absolute;
    z-index: 2;
    width: var(--canvas-handle,8px);
    height: var(--canvas-handle,8px);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-accent);
    background-color: var(--color-panel);
    touch-action: none;
  }
  .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-panel2);
    color: var(--color-fg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 0.45rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    text-decoration-line: none;
  }
  .compact-number {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .form-select:focus {
    outline: none;
    border-color: var(--color-accent2);
  }
  .wb-sec-tools {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .suite-profile-avatar {
    width: var(--suite-profile-avatar-size,calc(var(--spacing) * 16));
    height: var(--suite-profile-avatar-size,calc(var(--spacing) * 16));
    border-radius: calc(infinity * 1px);
    flex-shrink: 0;
  }
  .report-note-err {
    font-style: italic;
    color: var(--report-err-color,var(--color-err));
  }
  .diagram-node:focus-visible {
    outline: none;
    box-shadow: var(--diagram-focus-ring,0 0 0 2px var(--color-accent));
  }
  .tooltip-floating.tooltip-err {
    color: var(--color-err);
    --tooltip-border: var(--color-err);
    --tooltip-bg: color-mix(in srgb,var(--color-err) 18%,var(--color-bg));
    box-shadow: 0 0 0 1px var(--color-err),0 4px 14px color-mix(in srgb,var(--color-err) 35%,transparent);
  }
  .bg-r-0 {
    background-color: var(--rarity-bg-0,#443e45);
  }
  .toast.toast-busy {
    border-left-color: var(--color-muted);
  }
  .report-trunc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: calc(var(--spacing) * 0);
  }
  .tooltip-floating.tooltip-below {
    --tt-ty: 10px;
    transform-origin: 50% 0%;
  }
  .view-tab-sub {
    font-size: 0.7rem;
    color: var(--color-muted);
    line-height: 1;
    max-width: 100%;
  }
  .bg-r-1 {
    background-color: var(--rarity-bg-1,#6ab6ff);
    background-image: var(--rarity-grad-1,radial-gradient(#a8dfff,#8dd5ff,#3a9dfc));
  }
  .view-tab:not(.active):hover {
    color: var(--color-fg);
    background-color: color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 8%,var(--color-bg));
  }
  .suite-eid-row-body {
    display: flex;
    flex-direction: column;
    min-width: calc(var(--spacing) * 0);
  }
  .bg-r-2 {
    background-color: var(--rarity-bg-2,#c03fe2);
    background-image: var(--rarity-grad-2,radial-gradient(#ce81f7,#b958ed,#8819c2));
  }
  .report-marks:hover .report-mark:not(.report-dim) {
    opacity: var(--report-unfocus-opacity,0.4);
  }
  .segmented-opt:focus-visible {
    z-index: 2;
    outline: none;
    box-shadow: 0 0 0 2px var(--color-accent);
  }
  .filter-glue.filter-glue-inner {
    color: var(--color-muted);
  }
  .bg-r-3 {
    background-color: var(--rarity-bg-3,#eeab42);
    background-image: var(--rarity-grad-3,radial-gradient(#fcdd6a, #ffdb58, #e09143));
  }
  .suite-eid-editor-row-active {
    border-color: var(--suite-eid-active-border,var(--color-accent));
  }
  .wb-drawer {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    width: var(--wb-drawer-w,min(100%, 40rem));
    padding: calc(var(--spacing) * 3);
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-left: 1px solid var(--wb-drawer-border,var(--color-border));
    background-color: var(--color-panel);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))),visibility 0s linear var(--wb-morph-dur,var(--motion-morph,220ms));
  }
  .toast.toast-error {
    border-left-color: var(--color-err);
  }
  .eid-blur {
    cursor: pointer;
    user-select: none;
    border-radius: var(--radius-sm,0.25rem);
  }
  .segmented-opt {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 7);
    box-sizing: border-box;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    font-family: inherit;
    border: 1px solid var(--color-border);
    border-radius: 0;
    background-color: var(--color-bg);
    color: var(--color-muted);
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .stat-tile {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 2);
    text-align: center;
  }
  .btn-mini {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 7);
    box-sizing: border-box;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    color: var(--color-fg);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: 1;
    cursor: pointer;
    --tw-leading: 1;
  }
  .report-preset:hover {
    color: var(--color-fg);
    border-color: var(--report-preset-hover-border,var(--color-accent));
  }
  .report-bar-value {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    text-align: right;
    font-family: var(--font-mono);
    color: var(--color-fg);
  }
  .report-unit {
    width: 100%;
    text-align: right;
    grid-column: 1/-1;
    color: var(--report-dim-color,var(--color-muted));
  }
  .report-heat-col {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: var(--color-muted);
  }
  .wb-entry-name {
    font-family: var(--font-mono);
    color: var(--color-fg);
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
    -webkit-hyphens: none;
  }
  .report-legend .report-legend-label {
    max-width: var(--report-legend-label-w,7rem);
  }
  .suite-profile-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fit,minmax(min(18rem, 100%),1fr));
    align-items: flex-end;
  }
  .suite-account-panel {
    position: fixed;
    inset: auto;
    position-anchor: var(--suite-account-anchor);
    position-area: bottom span-left;
    position-try-fallbacks: flip-block;
    margin: var(--suite-panel-offset,6px) 0 0;
    z-index: 1100;
    min-width: var(--suite-panel-min-width,12rem);
    padding: var(--suite-panel-padding,calc(var(--spacing) * 1) 0);
    color: var(--suite-panel-fg,var(--color-fg));
    background: var(--suite-panel-bg,var(--color-panel2));
    border: var(--suite-panel-border,1px solid var(--color-border));
    border-radius: var(--suite-panel-radius,var(--radius-md));
    box-shadow: var(--suite-panel-shadow,0 6px 18px rgba(0,0,0,.4));
  }
  .suite-inline .suite-tool {
    padding: var(--suite-tool-padding,0.3rem calc(var(--spacing) * 2.5));
  }
  .suite-profile-body {
    display: flex;
    flex-direction: column;
    gap: var(--suite-profile-gap,calc(var(--spacing) * 4));
  }
  .suite-switcher.suite-tabs {
    position: fixed;
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 900;
    justify-content: space-around;
    height: var(--suite-height,3.5rem);
    background: var(--suite-tabs-bg,var(--color-panel));
    border-top: var(--suite-tabs-border,1px solid var(--color-border));
  }
  .btn-mini > .icon {
    --icon-size: 0.9rem;
    flex-shrink: 0;
  }
  .report-explorer {
    display: flex;
    flex-direction: column;
    gap: var(--report-explorer-gap,0.75rem);
  }
  .tooltip-toggle {
    opacity: 0%;
    --tt-scale: .85;
  }
  .cal-period {
    height: var(--strip-slot-h,calc(100% / 3));
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .report-color {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .suite-profile-open {
    text-align: left;
  }
  .report-group-label {
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    width: var(--report-group-label-w,6rem);
    color: var(--color-muted);
  }
  .menu.open {
    opacity: 100%;
    pointer-events: auto;
    visibility: visible;
    transform: none;
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .segmented > .tooltip-trigger:last-child > .segmented-opt {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--color-accent);
    color: var(--color-bg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-radius: var(--radius-md);
    padding-inline: 1.4rem;
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    cursor: pointer;
    text-decoration-line: none;
  }
  .fb-select option {
    background-color: var(--filter-option-bg,var(--color-bg));
    color: var(--filter-option-fg,var(--color-fg));
  }
  .suite-inline .suite-tools {
    flex-wrap: wrap;
  }
  .suite-tool-item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
  }
  .report-group-row {
    display: flex;
    align-items: center;
    min-width: calc(var(--spacing) * 0);
    gap: 0.25rem;
  }
  .report-area-bottom {
    stop-color: var(--series);
    stop-opacity: var(--report-area-bottom,0.02);
  }
  .suite-eid-error {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-err);
  }
  .report-pie-legend {
    display: flex;
    flex-direction: column;
    min-width: calc(var(--spacing) * 0);
    overflow-y: auto;
    max-height: 100%;
    gap: 0.125rem;
  }
  .caret {
    display: inline-flex;
    flex-shrink: 0;
    transition: transform var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .suite-eid-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .suite-eid-editor-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    list-style-type: none;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg);
  }
  .mini-gauge-fill {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
  }
  .diagram-tool:disabled {
    opacity: var(--diagram-tool-disabled-opacity,0.45);
    cursor: not-allowed;
  }
  .progress {
    position: relative;
    width: 100%;
    height: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    overflow: hidden;
    background-color: var(--progress-track,var(--color-panel2));
  }
  .report-hit-lg {
    width: var(--report-hit-size-lg,14px);
    height: var(--report-hit-size-lg,14px);
  }
  .status-note.status-note-busy {
    --status-note-tone: var(--color-muted);
  }
  .suite-tool.suite-tool-soon::before {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background: var(--suite-soon-veil,color-mix(in oklab,var(--color-bg) 25%,transparent));
  }
  .form-input {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: 0.25rem;
    color: var(--color-fg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .report-table-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--report-table-label-w,20rem);
    padding: 0.125rem 0.5rem 0.125rem 0;
    color: var(--color-muted);
  }
  .report-card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: 500;
    color: var(--color-fg);
  }
  .filter-bucket {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .toast.toast-info {
    border-left-color: var(--color-accent2);
  }
  .suite-tool-tip {
    position: absolute;
    top: calc(100% + var(--suite-tip-offset,0.4rem));
    left: calc(1/2 * 100%);
    transform: translateX(-50%);
    z-index: 20;
    padding: var(--suite-tip-padding,0.3rem 0.6rem);
    border: var(--suite-tip-border,1px solid var(--color-border));
    border-radius: var(--suite-tip-radius,6px);
    background: var(--suite-tip-bg,var(--color-panel2));
    color: var(--suite-tip-color,var(--color-warn));
    font-size: var(--suite-tip-size,0.8em);
    font-weight: var(--suite-tip-weight,var(--font-weight-bold));
    letter-spacing: var(--suite-tip-tracking,0.06em);
    text-transform: var(--suite-tip-transform,uppercase);
    white-space: nowrap;
    opacity: 0%;
    pointer-events: none;
  }
  .icon-btn-sm .icon.icon {
    --icon-size: 0.9375rem;
  }
  .wb-entry:focus-visible {
    outline: 1px solid var(--color-accent);
    outline-offset: -1px;
  }
  .fault-panel {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 6);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
  }
  .compact-number-icon {
    width: 1em;
    height: 1em;
    --icon-size: 1em;
    flex-shrink: 0;
  }
  .data-table tbody tr:hover {
    background-color: var(--color-panel2);
  }
  .badge.badge-accent2 {
    color: var(--color-accent2);
    border-color: var(--color-accent2);
  }
  .panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .btn-accent:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .diagram-tools {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding: var(--diagram-tools-padding,0.35rem);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    background-color: var(--diagram-tools-bg,var(--color-panel));
  }
  .combo-anchor {
    anchor-name: var(--combo-anchor);
  }
  .suite-tool-current .suite-tool-name::after {
    opacity: var(--suite-tool-underline-active-opacity,1);
  }
  .mask.revealed {
    filter: none;
  }
  .fault-panel .fault-icon {
    --icon-size: 1.5rem;
  }
  .report-table tr {
    border-bottom: 1px solid var(--report-hairline,color-mix(in srgb,var(--color-border) 50%,transparent));
  }
  .fault-trace {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: var(--font-mono);
    border-radius: var(--radius-md);
    background-color: var(--color-panel2);
    color: var(--color-fg);
    max-height: 20rem;
    overflow: auto;
  }
  .popover-combo-opt.combo-highlighted {
    background-color: var(--color-accent);
    color: var(--color-bg);
  }
  .cal-row.cal-row-fixed {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: var(--row-h,3.05rem);
    min-height: var(--row-h,3.05rem);
  }
  .popover-wrap {
    position: relative;
    display: inline-flex;
  }
  .status-note-x {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: var(--radius-sm);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
    color: var(--color-muted);
    cursor: pointer;
  }
  .drop-zone.drop-zone-active {
    border-color: var(--color-accent);
    background-color: color-mix(in oklab,var(--color-accent) 12%,transparent);
  }
  .report-table {
    width: 100%;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    border-collapse: collapse;
  }
  .fb-readonly .fb-row {
    padding-left: 0;
  }
  .wb-scroll {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .data-table td {
    padding-block: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    white-space: nowrap;
  }
  .badge.badge-err {
    color: var(--color-err);
    border-color: var(--color-err);
  }
  .report-group-value {
    flex-shrink: 0;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    font-size: 0.75rem;
    color: var(--color-muted);
  }
  .canvas-item:hover {
    outline-color: color-mix(in srgb,var(--color-accent) 50%,transparent);
  }
  .canvas-palette-item {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: grab;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    border-color: var(--color-border);
    touch-action: none;
    transition: background-color var(--motion-fast,120ms),color var(--motion-fast,120ms);
  }
  .modal-backdrop {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: calc(var(--spacing) * 4);
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
  }
  .fault-ref-id {
    font-family: var(--font-mono);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-md);
    background-color: var(--color-panel2);
    color: var(--color-fg);
  }
  .report-pie-pct {
    flex-shrink: 0;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    min-width: 3.5em;
    text-align: right;
    color: var(--report-dim-color,var(--color-muted));
  }
  .cal-canvas {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow-y: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .mini-spark-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
  }
  .fb-value {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .toast.toast-ok {
    border-left-color: var(--color-ok);
  }
  .view-tab:focus-visible {
    outline: 2px solid var(--view-tab-accent,var(--color-accent));
    outline-offset: 2px;
  }
  .suite-tool-said {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: calc(var(--spacing) * 0);
    overflow: hidden;
    white-space: nowrap;
    clip-path: inset(50%);
  }
  .ratio-chip.ratio-chip-muted {
    color: var(--color-muted);
    border: 1px dashed var(--color-border);
    background-color: transparent;
  }
  .toast.toast-warn {
    border-left-color: var(--color-warn);
  }
  .suite-tool-name {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-block: var(--suite-tool-underline-gap,0.15em);
  }
  .combo-tz > .combo-anchor {
    width: 100%;
  }
  .suite-eid-confirm {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn);
  }
  .mini-stack {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: var(--mini-stack-radius,9999px);
    height: var(--mini-stack-h,0.5rem);
    background-color: var(--mini-track,var(--color-panel2));
  }
  .report-heat-row {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    padding: 0.125rem 0.5rem 0.125rem 0.25rem;
    color: var(--color-muted);
  }
  .cal-row.cal-row-context {
    opacity: 0.55;
  }
  .cal-lane-group {
    display: flex;
    flex-direction: column;
  }
  .wb-card.wb-card-fit {
    --wb-card-w: max-content;
    --wb-card-h: auto;
    --wb-card-max: 98vw;
    min-width: min(94vw, 92rem);
  }
  .report-builder-add {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    align-self: flex-start;
    height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    cursor: pointer;
    font-size: 0.7rem;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
    border-color: var(--color-border);
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .ratio-ink {
    color: color-mix(in oklab,var(--color-ok) calc(var(--ratio,0) * 100%),var(--color-err));
  }
  .form-select {
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: 0.25rem;
    color: var(--color-fg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    appearance: none;
  }
  .canvas-grid {
    position: relative;
    background-image: linear-gradient(to right,var(--canvas-line,color-mix(in srgb,var(--color-border) 60%,transparent)) 1px,transparent 1px),linear-gradient(to bottom,var(--canvas-line,color-mix(in srgb,var(--color-border) 60%,transparent)) 1px,transparent 1px);
    background-size: var(--canvas-unit) var(--canvas-unit);
  }
  .report-heat-wrap {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow: auto;
    padding-right: 0.25rem;
  }
  .combo-wrap {
    position: relative;
    display: block;
  }
  .suite-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--suite-user-name-max,10rem);
  }
  .report-group-bar {
    display: block;
    min-width: 2px;
    border-radius: var(--report-bar-radius,0.25rem);
    height: var(--report-group-bar-h,0.75rem);
    background-color: var(--series);
  }
  .tooltip-floating.tooltip-err * {
    color: var(--color-err);
  }
  .suite-tool-soon .suite-tool-mark {
    opacity: var(--suite-soon-dim,.7);
  }
  .canvas-view {
    position: relative;
    width: 100%;
    overflow: hidden;
    container-type: inline-size;
  }
  .wb-entry-foot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    margin-top: calc(var(--spacing) * 0.5);
    min-width: calc(var(--spacing) * 0);
    color: var(--color-muted);
  }
  .tooltip-row-span {
    grid-column: 1 / -1;
  }
  .view-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    min-height: calc(var(--spacing) * 12);
    gap: calc(var(--spacing) * 1);
    text-align: center;
    cursor: pointer;
    padding: 0.4rem 1rem;
    border-radius: var(--radius-lg);
    font-family: inherit;
    background-color: var(--color-bg);
    color: var(--color-muted);
    border: 1px solid color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 24%,transparent);
    box-shadow: inset 0 -2px 0 0 color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 32%,transparent);
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),box-shadow var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .wb-entry.tone-bad {
    --wb-entry-border: var(--color-err);
  }
  .suite-switcher {
    display: flex;
    align-items: center;
    min-width: calc(var(--spacing) * 0);
    gap: var(--suite-gap,0.5rem);
    font-family: inherit;
    font-size: var(--suite-font-size,inherit);
    font-weight: var(--suite-font-weight,inherit);
    line-height: var(--suite-line-height,inherit);
  }
  .segmented-opt.active:disabled {
    background-color: var(--color-bg);
    color: var(--color-muted);
    border-color: var(--color-border);
  }
  .report-explorer-body {
    display: grid;
    grid-template-columns: minmax(0,var(--report-explorer-builder-w,22rem)) minmax(0,1fr);
    gap: var(--report-explorer-gap,0.75rem);
  }
  .drop-zone {
    border-style: dashed;
    border-width: 1px;
    --tw-border-style: dashed;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    transition: border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .report-heat-cell:hover {
    filter: brightness(var(--report-heat-hover,1.4));
  }
  .cal-hour-tick {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: 1px;
    background-color: color-mix(in srgb,var(--color-border) 20%,transparent);
  }
  .canvas-stage {
    position: relative;
    overflow: auto;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
  }
  .fault-detail {
    width: 100%;
    max-width: 48rem;
    text-align: left;
    margin-top: calc(var(--spacing) * 2);
  }
  .prose-legal {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    max-width: 80ch;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .wb-note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .consent-option {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--suite-consent-text-size,13px);
    color: var(--suite-consent-fg,var(--color-fg));
    cursor: pointer;
  }
  .suite-eid-picker {
    display: inline-flex;
  }
  .diagram-canvas {
    position: relative;
    transform-origin: top left;
  }
  .consent-options {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .fb-btn.fb-remove:hover {
    color: var(--filter-remove-hover-fg,var(--color-err));
  }
  .report-bar-track {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    border-radius: var(--report-bar-radius,0.25rem);
    height: var(--report-bar-h,1rem);
    background-color: var(--unfilled,var(--report-hairline,color-mix(in srgb,var(--color-border) 50%,transparent)));
  }
  .suite-provider > .icon {
    width: var(--suite-item-icon-size,var(--icon-size,1rem));
    height: var(--suite-item-icon-size,var(--icon-size,1rem));
    color: var(--suite-item-icon-color,currentColor);
  }
  .filter-panel {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .menu-sep {
    margin-block: calc(var(--spacing) * 1);
    height: 1px;
    background-color: var(--color-border);
  }
  .mini-gauge-track {
    fill: none;
    stroke: var(--mini-track,var(--color-panel2));
    stroke-linecap: round;
  }
  .toast-msg {
    font-size: 13px;
    color: var(--color-fg);
  }
  .canvas-palette-item:hover {
    color: var(--color-fg);
    background-color: var(--color-panel2);
  }
  .report-builder {
    display: flex;
    flex-direction: column;
    gap: var(--report-builder-gap,0.75rem);
  }
  .suite-rail .suite-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .eid-blur.revealed {
    user-select: text;
  }
  .report-pie-row {
    display: flex;
    align-items: center;
    min-width: calc(var(--spacing) * 0);
    gap: 0.25rem;
  }
  .suite-signin {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    appearance: none;
    font-family: inherit;
    font-style: inherit;
    font-size: var(--suite-signin-size,inherit);
    font-weight: var(--suite-signin-weight,inherit);
    line-height: var(--suite-signin-line-height,inherit);
    color: var(--suite-signin-color,inherit);
    background: var(--suite-signin-bg,transparent);
    border: var(--suite-signin-border,1px solid var(--color-border));
    border-radius: var(--suite-signin-radius,var(--suite-radius,0.375rem));
    padding: var(--suite-signin-padding,calc(var(--spacing) * 1) calc(var(--spacing) * 3));
  }
  .cal-lane {
    position: relative;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .scroll-marker {
    position: absolute;
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    pointer-events: none;
    height: var(--scroll-marker-h,12%);
    animation: scroll-marker linear both;
    animation-timeline: var(--scroll-marker-timeline);
  }
  .wb-sec {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    flex: none;
  }
  .suite-tool:hover .suite-tool-name::after {
    opacity: var(--suite-tool-underline-active-opacity,1);
  }
  .report-line {
    fill: none;
    stroke: var(--series);
    stroke-width: var(--report-line-width,1.5);
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
  }
  .fb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--filter-btn-size,1.9rem);
    min-width: var(--filter-btn-size,1.9rem);
    border-radius: var(--filter-btn-radius,0.375rem);
    font-size: var(--filter-btn-font-size,0.75rem);
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .cal-lane-group:last-child {
    flex: 1;
    min-height: calc(var(--spacing) * 0);
  }
  .wb-drawer-tab:hover {
    color: var(--color-fg);
  }
  .consent-actions {
    display: flex;
    flex-wrap: var(--suite-consent-wrap,nowrap);
    gap: var(--suite-consent-gap,calc(var(--spacing) * 2));
    justify-content: var(--suite-consent-align,flex-end);
  }
  .disclosure {
    display: flex;
    flex-direction: column;
  }
  .report-grid-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .dep-notice {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-warn);
    background-color: var(--color-panel);
  }
  .suite-tool.suite-tool-soon::after {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 3;
    padding: var(--suite-soon-ring-width,4px);
    pointer-events: none;
    border-radius: inherit;
    background: repeating-linear-gradient(45deg,var(--suite-soon-stripe,var(--color-warn)) 0 var(--suite-soon-stripe-width,6px),var(--suite-soon-gap-color,var(--color-bg)) var(--suite-soon-stripe-width,6px) calc(2 * var(--suite-soon-stripe-width,6px)));
    mask: linear-gradient(black,black) content-box exclude,linear-gradient(black,black);
  }
  .suite-drawer-panel .suite-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .report-explorer-builder {
    min-width: calc(var(--spacing) * 0);
  }
  .eid-blur:hover {
    filter: none;
    user-select: text;
  }
  .data-table tbody tr:hover .data-table-actions {
    background-color: var(--color-panel2);
  }
  .canvas-handle-e {
    right: -4px;
    top: calc(1/2 * 100%);
    translate: 0 -50%;
    cursor: ew-resize;
  }
  .data-table thead th {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    background-color: var(--color-panel0);
    text-align: left;
    padding-block: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    white-space: nowrap;
  }
  .menu-scrim {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 1099;
    background-color: transparent;
  }
  .table-scroll > .data-table {
    overflow: clip;
  }
  .report-cost-low {
    color: var(--color-ok);
    background-color: color-mix(in srgb,var(--color-ok) 15%,transparent);
  }
  .suite-eid-trigger-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--suite-eid-trigger-max,14rem);
  }
  .report-pie {
    display: flex;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: var(--report-pie-gap,0.5rem);
  }
  .suite-eid-editor-identity {
    display: flex;
    flex-direction: column;
    min-width: calc(var(--spacing) * 0);
  }
  .popover-combo-opt.combo-opt-rich {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .wb-pane-in {
    --pane-shift: var(--wb-pane-shift,-0.75rem);
    animation: pane-in var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))) backwards;
  }
  .menu.menu-start {
    right: auto;
    left: calc(var(--spacing) * 0);
    transform-origin: top left;
  }
  .canvas-item.dragging {
    opacity: 0.85;
  }
  .dep-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    flex: 1;
    min-width: calc(var(--spacing) * 0);
  }
  .prose-legal ul {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    list-style-type: disc;
    padding-left: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .menu-wrap {
    position: relative;
    display: inline-flex;
  }
  .canvas-item {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    min-width: calc(var(--spacing) * 0);
    min-height: calc(var(--spacing) * 0);
    cursor: move;
    touch-action: none;
    outline: 1px solid transparent;
    transition: outline-color var(--motion-fast,120ms);
  }
  .segmented-opt:not(.active):not(:disabled):hover {
    background-color: var(--color-panel2);
    color: var(--color-fg);
  }
  .fb-select:focus-visible {
    outline: none;
    box-shadow: var(--filter-focus-ring,0 0 0 1px var(--color-accent));
    border-color: var(--color-accent);
  }
  .disclosure-toggle {
    display: flex;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    color: var(--color-fg);
    text-align: left;
    cursor: pointer;
    font: inherit;
  }
  .popover {
    position: absolute;
    right: calc(var(--spacing) * 0);
    z-index: 1100;
    width: 280px;
    background-color: var(--color-panel2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 3);
    overflow: auto;
    opacity: 0%;
    pointer-events: none;
    top: calc(100% + 8px);
    --tw-shadow: 0 6px 18px rgba(0,0,0,.4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transform-origin: top right;
    transform: scale(.96) translateY(-6px);
    transition: opacity var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-base,150ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .fb-row.fb-or {
    padding-left: var(--filter-or-indent,1.25rem);
  }
  .wb-sec-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .modal-backdrop:focus {
    outline: none;
  }
  .wb-sec-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    text-transform: uppercase;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted);
  }
  .report-table-head {
    text-align: left;
    font-weight: 500;
    color: var(--color-muted);
    padding: 0.125rem 0.5rem 0.125rem 0;
  }
  .mask {
    filter: blur(var(--mask-blur,5px));
    transition: filter var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .suite-tabs.suite-account .suite-account-panel {
    position-area: top span-left;
    margin: 0 0 var(--suite-panel-offset,6px);
  }
  .wb-card.wb-card-wide {
    --wb-card-w: 94vw;
    --wb-card-h: 90vh;
    --wb-card-max: 92rem;
  }
  .wb-main {
    flex: 1;
    min-width: calc(var(--spacing) * 0);
    overflow-y: auto;
    padding: calc(var(--spacing) * 4);
    transition: margin-right var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1))),padding-right var(--wb-morph-dur,var(--motion-morph,220ms)) var(--wb-morph-ease,var(--ease-standard,cubic-bezier(.2,0,0,1)));
  }
  .status-note.status-note-warn {
    --status-note-tone: var(--color-warn);
  }
  .report-xtick {
    position: absolute;
    white-space: nowrap;
    line-height: 1;
    color: var(--report-label-color,var(--color-muted));
    font-size: var(--report-tick-size,10px);
    transform: rotate(var(--report-xtick-rotate,-45deg));
    transform-origin: 100% 0;
  }
  .diagram-node:hover {
    border-color: var(--diagram-node-hover-border,var(--color-accent2));
  }
  .cal-gridline {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    width: 1px;
    background-color: color-mix(in srgb,var(--color-border) 40%,transparent);
  }
  .suite-profile-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    min-width: calc(var(--spacing) * 0);
  }
  .diagram {
    position: relative;
    width: 100%;
    overflow: auto;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
  }
  .report-bars {
    display: grid;
    height: 100%;
    min-height: calc(var(--spacing) * 0);
    overflow-y: auto;
    align-content: flex-start;
    align-items: center;
    grid-template-columns: max-content minmax(0,1fr) max-content;
    row-gap: var(--report-bar-gap,0.25rem);
    column-gap: var(--report-bar-col-gap,0.5rem);
    padding-right: 0.75rem;
  }
  .suite-profile-providers {
    display: flex;
    flex-direction: column;
  }
  .diagram-edges {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    fill: none;
    pointer-events: none;
  }
  .consent-actions > .btn-secondary {
    flex: var(--suite-consent-button-flex,1 1 auto);
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: var(--suite-consent-button-padding,calc(var(--spacing) * 2));
  }
  .canvas-handle-n {
    top: -4px;
    left: calc(1/2 * 100%);
    translate: -50% 0;
    cursor: ns-resize;
  }
  .report-legend-swatch {
    display: inline-block;
    flex-shrink: 0;
    border-radius: var(--report-legend-swatch-radius,0.25rem);
    width: var(--report-legend-swatch-size,0.5rem);
    height: var(--report-legend-swatch-size,0.5rem);
    background-color: var(--series);
  }
  .report-cost-high {
    color: var(--color-err);
    background-color: color-mix(in srgb,var(--color-err) 15%,transparent);
  }
  .suite-eid-filter {
    margin: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
    width: calc(100% - var(--spacing) * 4);
  }
  .text-rarity-1 {
    color: var(--rarity-fg-1,#6ab6ff);
  }
  .report-bar {
    display: contents;
  }
  .fb {
    display: flex;
    flex-direction: column;
    gap: var(--filter-row-gap,0.25rem);
    container-type: inline-size;
  }
  .text-rarity-0 {
    color: var(--rarity-fg-0,rgb(156 163 175));
  }
  .canvas-handle-s {
    bottom: -4px;
    left: calc(1/2 * 100%);
    translate: -50% 0;
    cursor: ns-resize;
  }
  .dep-icon {
    flex-shrink: 0;
    --icon-size: 1.1rem;
    color: var(--color-warn);
    margin-top: calc(var(--spacing) * 0.5);
  }
  .text-rarity-3 {
    color: var(--rarity-fg-3,#eeab42);
  }
  .progress-fill {
    height: 100%;
    border-radius: calc(infinity * 1px);
    width: var(--progress,0%);
    background-color: var(--progress-fill,var(--color-accent));
    transition: width var(--motion-morph,220ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .tooltip-floating.tooltip-below::before {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: var(--tooltip-border,var(--color-border));
  }
  .view-tab.active {
    color: var(--view-tab-accent,var(--color-accent));
    background-color: color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 14%,var(--color-panel0,var(--color-bg)));
    border-color: color-mix(in oklab,var(--view-tab-accent,var(--color-accent)) 60%,transparent);
    box-shadow: inset 0 -2px 0 0 var(--view-tab-accent,var(--color-accent));
  }
  .status-note.status-note-error {
    --status-note-tone: var(--color-err);
  }
  .text-rarity-2 {
    color: var(--rarity-fg-2,#c03fe2);
  }
  .toolbar-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 0);
  }
  .wb-entry-meta {
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: 0.7rem;
  }
  .canvas-handle-w {
    left: -4px;
    top: calc(1/2 * 100%);
    translate: 0 -50%;
    cursor: ew-resize;
  }
  .suite-rail .suite-tool-item {
    container-type: inline-size;
  }
  .suite-eid-empty {
    margin: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted);
  }
  .mini-spark-area {
    fill: currentColor;
    opacity: 0.15;
  }
  dialog.modal-backdrop {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .popover.popover-combo {
    position: fixed;
    margin: calc(var(--spacing) * 0);
    max-height: 240px;
    overflow: auto;
    background-color: var(--color-panel0);
    padding: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 1);
    position-anchor: var(--combo-anchor);
    top: anchor(bottom);
    left: anchor(left);
    right: auto;
    bottom: auto;
    width: anchor-size(width);
    min-width: max-content;
    position-try-fallbacks: flip-block;
    opacity: 100%;
    pointer-events: auto;
    transform: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.55);
  }
  .wb-seg-count {
    margin-left: calc(var(--spacing) * 1.5);
    font-family: var(--font-mono);
    color: var(--color-muted);
  }
  .suite-eid-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .btn-accent:hover:not(:disabled) {
    filter: brightness(1.07);
  }
  .tooltip-floating::after {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    top: 100%;
    left: calc(50% + var(--arrow-offset, 0px));
    transform: translateX(-50%) translateY(-1px);
    border-style: var(--tw-border-style);
    border-width: 6px;
    border-color: transparent;
    border-top-color: var(--tooltip-bg,rgba(33,37,41,.95));
  }
  .report-mark {
    transition: opacity var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .suite-eid-editor {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .fb-btn.fb-or-btn:hover {
    background-color: var(--filter-or-hover-bg,color-mix(in srgb,var(--color-accent2) 15%,transparent));
  }
  .fb-select {
    appearance: none;
    background-color: var(--filter-select-bg,var(--color-bg));
    color: var(--filter-select-fg,var(--color-fg));
    border: var(--filter-select-border,1px solid var(--color-border));
    border-radius: var(--filter-select-radius,0.375rem);
    padding: var(--filter-select-padding,0.375rem 0.5rem);
    font-size: var(--filter-select-size,0.875rem);
    transition: background-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),box-shadow var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .segmented > .tooltip-trigger:first-child > .segmented-opt {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .popover-combo-group {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-muted);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }
  .tooltip-rows {
    display: grid;
    align-items: baseline;
    grid-template-columns: auto auto;
    column-gap: calc(var(--spacing) * 4);
    row-gap: 0.1rem;
  }
  .wb-entry-head {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1);
    min-width: calc(var(--spacing) * 0);
  }
  .wb-drawer-tab-label {
    font-size: 0.625rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
  }
  .prose-legal a:hover {
    text-decoration-line: underline;
  }
  .consent-links > a + a {
    margin-left: var(--suite-consent-link-spacing,0.75em);
  }
  .cal-cell-label {
    position: absolute;
    top: 0.15rem;
    padding-left: 0.35rem;
    font-size: 0.65rem;
    color: var(--color-muted);
    pointer-events: none;
    z-index: 5;
  }
  .report-groups {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(var(--spacing) * 0);
    overflow: auto;
    gap: var(--report-group-gap,0.25rem);
  }
  .segmented > .segmented-opt:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .stat-tile-value {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-fg);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .suite-tool-name::after {
    --tw-content: '';
    content: var(--tw-content);
    position: absolute;
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    height: var(--suite-tool-underline-height,2px);
    border-radius: var(--suite-tool-underline-height,2px);
    background: var(--tool,var(--color-accent));
    opacity: var(--suite-tool-underline-opacity,.55);
  }
  .combo-opt-img {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    object-fit: contain;
  }
  .report-group {
    display: flex;
    flex: 1;
    align-items: center;
    min-height: calc(var(--spacing) * 0);
    gap: var(--report-bar-col-gap,0.5rem);
  }
  .toast.toast-err {
    border-left-color: var(--color-err);
  }
  .fb-btn.fb-or-btn {
    padding-inline: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--filter-or-color,var(--color-accent2));
    border: var(--filter-or-border,1px solid color-mix(in srgb,var(--color-accent2) 70%,transparent));
    background-color: transparent;
  }
  .suite-user {
    display: inline-flex;
    align-items: center;
    gap: var(--suite-user-gap,calc(var(--spacing) * 2));
    padding: calc(var(--spacing) * 0);
    cursor: pointer;
    background-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 0px;
    appearance: none;
    font: inherit;
    color: var(--suite-user-color,inherit);
  }
  .report-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    row-gap: 0.375rem;
    padding: var(--report-card-head-padding,0.75rem 0.75rem 0.375rem);
    border-bottom: 1px solid color-mix(in srgb,var(--color-border) 50%,transparent);
  }
  .report-area {
    stroke: none;
  }
  .suite-tool-soon .suite-tool-name {
    opacity: var(--suite-soon-dim,.7);
  }
  .cal-lane-group + .cal-lane-group {
    margin-top: calc(var(--spacing) * 2);
  }
  .suite-eid-masked {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-muted);
    font-family: var(--font-mono);
  }
  .status-note-x:hover {
    color: var(--color-fg);
  }
  .suite-account-anchor {
    anchor-name: var(--suite-account-anchor);
  }
  .fab-bubble {
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: var(--fab-offset,1rem);
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    text-decoration-line: none;
    cursor: pointer;
    transition: color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),border-color var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1)),transform var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .canvas-palette {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    grid-row: 1/3;
  }
  .suite-bar .suite-tool.suite-tool-soon {
    margin-left: var(--suite-soon-gap,calc(var(--spacing) * 2));
    padding: var(--suite-soon-padding,0.3rem 1.15rem);
  }
  .wb-entry {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--wb-entry-border,var(--color-border));
    border-radius: var(--radius-md);
    background-color: var(--color-bg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    cursor: pointer;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .btn-secondary:hover {
    filter: brightness(1.07);
  }
  .fault-ref {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .fault-hint {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    max-width: 32rem;
  }
  .report-dim {
    opacity: var(--report-dim-opacity,0.35);
    transition: opacity var(--motion-fast,120ms) var(--ease-standard,cubic-bezier(.2,0,0,1));
  }
  .diagram-node-toggle:hover {
    color: var(--diagram-toggle-hover-fg,var(--color-accent2));
    background-color: var(--diagram-toggle-hover-bg,var(--color-panel2));
  }
  .suite-tool-current {
    background: var(--suite-tool-current-bg,color-mix(in oklab,var(--tool,var(--color-accent)) var(--suite-tool-current-mix,18%),transparent));
  }
  .btn-danger.btn-danger:hover {
    background-color: var(--color-err);
    color: var(--color-bg);
    border-color: var(--color-err);
  }
  .report-legend {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--report-legend-gap,0.75rem);
  }
  .prose-legal p {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted);
    --tw-leading: var(--leading-relaxed);
    margin: calc(var(--spacing) * 0);
  }

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-content: "";
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-inset-shadow: 0 0 #0000;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@keyframes pane-in {
  from {
    opacity: 0;
    transform: translateX(var(--pane-shift,-0.75rem));
  }
}
@keyframes pane-in-reverse {
  from {
    opacity: 0;
    transform: translateX(calc(-1 * var(--pane-shift,-0.75rem)));
  }
}
@keyframes scroll-marker {
  to {
    top: calc(100% - var(--scroll-marker-h,12%));
  }
}
@supports not (animation-timeline: scroll()) {
  .scroll-marker {
    animation: none;
  }
}
body:has(.modal-backdrop) {
  overflow: hidden;
}
@position-try --tt-top-right {
  position-area: top span-right;
  justify-self: start;
  margin: 0 0 10px;
}
@position-try --tt-top-left {
  position-area: top span-left;
  justify-self: end;
  margin: 0 0 10px;
}
@position-try --tt-bottom-right {
  position-area: bottom span-right;
  justify-self: start;
  margin: 10px 0 0;
}
@position-try --tt-bottom-left {
  position-area: bottom span-left;
  justify-self: end;
  margin: 10px 0 0;
}
@container anchored(fallback: flip-block) or anchored(fallback: --tt-bottom-right) or anchored(fallback: --tt-bottom-left) {
  .tooltip-floating.tooltip-fixed::before, .tooltip-floating.tooltip-fixed::after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
  }
  .tooltip-floating.tooltip-fixed::before {
    border-bottom-color: var(--tooltip-border,var(--color-border));
  }
  .tooltip-floating.tooltip-fixed::after {
    border-bottom-color: var(--tooltip-bg,rgba(33,37,41,.95));
  }
}
@container anchored(fallback: --tt-top-right) or anchored(fallback: --tt-bottom-right) {
  .tooltip-floating.tooltip-fixed::before, .tooltip-floating.tooltip-fixed::after {
    left: 16px;
  }
}
@container anchored(fallback: --tt-top-left) or anchored(fallback: --tt-bottom-left) {
  .tooltip-floating.tooltip-fixed::before, .tooltip-floating.tooltip-fixed::after {
    left: calc(100% - 16px);
  }
}
@supports (anchor-name: --m) {
  .menu-wrap {
    anchor-name: --menu;
    anchor-scope: --menu;
  }
  .menu, .menu.open {
    position: fixed;
    position-anchor: --menu;
    position-area: bottom span-left;
    position-try-fallbacks: flip-block;
    inset: auto;
    margin: 6px 0 0;
  }
  .menu.menu-start {
    position-area: bottom span-right;
  }
}
@supports (anchor-name: --tt) and (not (container-type: anchored)) {
  .tooltip-floating.tooltip-fixed::before, .tooltip-floating.tooltip-fixed::after {
    display: none;
  }
}
@supports not (anchor-name: --tt) {
  .tooltip-trigger, .tooltip-point {
    position: relative;
  }
  .tooltip-point {
    position: absolute;
  }
  .tooltip-floating.tooltip-fixed {
    position: absolute;
    left: 50%;
    bottom: 100%;
    top: auto;
    margin: 0;
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(-10px) scale(var(--tt-scale,1));
  }
}
@media (max-width: 44rem) {
  .suite-switcher.suite-bar {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
  }
  .suite-bar .suite-wordmark {
    order: 1;
    padding: var(--suite-wordmark-padding-narrow,0.5rem 0.6rem);
  }
  .suite-account.suite-bar {
    order: 2;
    margin-left: auto;
    padding: var(--suite-account-padding-narrow,0 1.1rem 0 0.5rem);
  }
  .suite-bar .suite-tools-nav {
    order: 3;
    flex-basis: 100%;
  }
  .suite-bar .suite-tools {
    flex: 1;
    justify-content: space-evenly;
    border-inline: 0;
    border-top: var(--suite-tools-border,1px solid var(--color-border));
  }
  .suite-bar .suite-tool-item {
    flex: 1;
  }
  .suite-bar .suite-tool {
    flex: 1;
    padding: var(--suite-tool-padding-narrow,0.45rem 0.4rem);
    font-size: var(--suite-tool-size-narrow,0.85em);
  }
  .suite-bar .suite-tool.suite-tool-soon {
    margin-left: 0;
    flex: 0 0 auto;
    padding: var(--suite-soon-padding-narrow,0.45rem 0.6rem);
  }
  .suite-bar .suite-tool-soon .suite-tool-name {
    display: none;
  }
}
@media (max-width: 47.9375rem) {
  .report-grid {
    grid-template-columns: minmax(0,1fr);
    grid-auto-rows: auto;
  }
  .report-grid-cell {
    grid-column: auto;
    grid-row: auto;
    height: var(--report-grid-cell-narrow,20rem);
  }
  .tooltip-trigger, .tooltip-point {
    position: relative;
  }
  .tooltip-point {
    position: absolute;
  }
  .tooltip-floating.tooltip-fixed {
    position: absolute;
    position-anchor: auto;
    position-area: none;
    position-try-fallbacks: none;
    container-type: normal;
    justify-self: auto;
    left: 50%;
    bottom: 100%;
    top: auto;
    margin: 0;
    transform: translateX(calc(-50% + var(--tt-shift-x,0px))) translateY(-10px) scale(var(--tt-scale,1));
  }
  .consent-banner {
    bottom: 0;
    left: 0;
    width: 100%;
    transform: none;
    border-radius: var(--suite-consent-radius-narrow,0);
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--suite-consent-padding-narrow,calc(var(--spacing)*2) calc(var(--spacing)*3));
  }
  .consent-banner .consent-text {
    flex: 1 1 12rem;
    min-width: 0;
  }
  .consent-banner .consent-options {
    flex-basis: 100%;
  }
  .consent-banner .consent-actions {
    flex: 0 1 auto;
  }
}
@media (min-width: 48rem) and (max-width: 73.75rem) {
  .report-grid {
    grid-template-columns: repeat(var(--report-grid-cols-mid,4),minmax(0,1fr));
    grid-auto-rows: var(--report-grid-row-mid,max(5rem,calc((100cqi - (var(--report-grid-cols-mid,4) - 1) * var(--report-grid-gap,0.75rem)) / var(--report-grid-cols-mid,4))));
  }
  .report-grid-cell {
    grid-column: auto / span min(var(--rg-w,1),var(--report-grid-cols-mid,4));
    grid-row: auto / span var(--rg-h,1);
  }
}
:where(.diagram-edge) {
  fill: none;
  stroke: var(--diagram-edge,var(--color-border));
  stroke-linecap: round;
}
:where(.diagram-edge-back) {
  stroke-dasharray: var(--diagram-edge-back-dash,4 3);
}
.diagram-fit {
  container-type: inline-size;
  overflow: hidden;
}
.diagram-fit .diagram-stage {
  --diagram-scale: min(1, tan(atan2(100cqw, var(--diagram-w))));
  width: calc(var(--diagram-w) * var(--diagram-scale));
  height: calc(var(--diagram-h) * var(--diagram-scale));
}
.diagram-fit .diagram-canvas {
  transform: scale(var(--diagram-scale));
}
@container (max-width: 48rem) {
  .view-tab-sub {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@container (max-width: 30rem) {
  .view-tab-sub {
    display: none;
  }
}
@container (max-width: 20rem) {
  .suite-rail .suite-tool-soon .suite-tool-name {
    display: none;
  }
}
@container (max-width: 34rem) {
  .fb-row {
    flex-wrap: wrap;
  }
  .fb-field, .fb-op {
    flex: 1 1 calc(50% - 0.5rem);
  }
  .fb-value {
    flex-basis: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fb-select, .fb-btn,
  .modal-card, .modal-card.wb-card, .wb-rail, .wb-main, .wb-drawer, .wb-drawer.wb-drawer-open, .wb-drawer-tab, .tooltip-floating, .popover, .toast, .cal-period, .cal-row, .suite-tool, .fab-bubble, .progress-fill, .caret, .mask, .menu, .menu.open, .drop-zone,
  .report-mark, .report-dim, .report-heat-cell, .report-builder-add, .report-builder-remove, .report-color-swatch, .report-card, .report-grid-cell,
  .diagram-tool, .diagram-node, .diagram-node-toggle,
  .segmented-opt, .view-tab,
  .canvas-palette-item, .canvas-item {
    transition: none;
  }
  .pulse, .pane-in, .pane-in-reverse, .wb-pane-in {
    animation: none;
  }
  .scroll-marker {
    animation-timing-function: step-end;
  }
}