/* Copyright (c) 2026 Atlas Machina LLC. All rights reserved. */
/* Atlas UI 0.3.0: @atlas-machina-inc/view-tree@0.1.5 dist/styles.css, vendored unchanged below this header (ui-library.lock.json). */
/* src/ViewTree/ViewTree.module.css */
.ui-ViewTree-view {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-m);
  min-width: 0;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
}
.ui-ViewTree-frame {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--ui-space-s);
}
.ui-ViewTree-frameLabel {
  margin: 0;
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-ViewTree-shows {
  display: inline-flex;
}
@media print {
  .ui-ViewTree-shows {
    display: none;
  }
}
.ui-ViewTree-body {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-m);
  min-width: 0;
}
.ui-ViewTree-state {
  margin: 0;
  padding: var(--ui-space-l);
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-ViewTree-notDrawn {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  padding: var(--ui-space-m);
  border: var(--ui-border-hairline) solid var(--ui-border-strong);
  border-radius: var(--ui-radius-card);
  background: var(--ui-surface-2);
}
.ui-ViewTree-notDrawnTitle {
  margin: 0;
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
  color: var(--ui-text);
}
.ui-ViewTree-notDrawnReason {
  margin: 0;
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
}

/* src/AtlasViewHeader/AtlasViewHeader.module.css */
.ui-AtlasViewHeader-header {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  min-width: 0;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
}
.ui-AtlasViewHeader-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ui-space-s);
}
.ui-AtlasViewHeader-name {
  margin: 0;
  font-size: var(--ui-text-page);
  font-weight: 600;
}
.ui-AtlasViewHeader-sources {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-AtlasViewHeader-source {
  padding: 0 var(--ui-space-s);
  font-size: var(--ui-text-chip);
  color: var(--ui-text-dim);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-chip);
}
.ui-AtlasViewHeader-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-space-s);
}
.ui-AtlasViewHeader-copied {
  margin: 0;
  font-size: var(--ui-text-body);
  color: var(--ui-text);
}
.ui-AtlasViewHeader-state {
  margin: 0;
  padding: var(--ui-space-l);
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
@media print {
  .ui-AtlasViewHeader-actions {
    display: none;
  }
}

/* src/CardBoard/CardBoard.module.css */
.ui-CardBoard-scroll {
  display: flex;
  align-items: flex-start;
  gap: var(--ui-space-m);
  overflow-x: auto;
  padding-block-end: var(--ui-space-s);
  max-inline-size: 100%;
}
.ui-CardBoard-scroll:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: var(--ui-focus-offset);
}
.ui-CardBoard-column {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  padding: var(--ui-space-s);
  background: var(--ui-surface-2);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-CardBoard-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ui-space-s);
}
.ui-CardBoard-label {
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
  color: var(--ui-text);
}
.ui-CardBoard-count {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-chip);
  font-variant-numeric: tabular-nums;
  color: var(--ui-text-dim);
}
.ui-CardBoard-none {
  margin: 0;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-CardBoard-cards {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
}
.ui-CardBoard-card {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  padding: var(--ui-space-s);
  background: var(--ui-surface);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-CardBoard-card[data-bare] {
  padding: 0;
  background: none;
  border: none;
}
.ui-CardBoard-title {
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
  color: var(--ui-text);
}
.ui-CardBoard-fields {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
}
.ui-CardBoard-field {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ui-space-s);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-small);
}
.ui-CardBoard-fieldLabel {
  color: var(--ui-text-dim);
}
.ui-CardBoard-fieldValue {
  margin: 0;
  display: inline-flex;
  align-items: baseline;
  gap: var(--ui-space-xs);
  color: var(--ui-text);
}

/* src/FlowDrawing/FlowDrawing.module.css */
.ui-FlowDrawing-figure {
  margin: 0;
  max-inline-size: 100%;
  overflow-x: auto;
}
.ui-FlowDrawing-svg {
  display: block;
  inline-size: 100%;
  max-inline-size: 960px;
  block-size: auto;
}
.ui-FlowDrawing-box {
  fill: var(--ui-surface-2);
  stroke-width: var(--ui-border-hairline);
}
.ui-FlowDrawing-boxLabel {
  fill: var(--ui-text);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
}
.ui-FlowDrawing-arrowLabel {
  fill: var(--ui-text-dim);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-chip);
  paint-order: stroke;
  stroke: var(--ui-surface);
  stroke-width: 3px;
  stroke-linejoin: round;
}

/* src/ViewLink/ViewLink.module.css */
.ui-ViewLink-link {
  color: var(--ui-accent);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  border-radius: var(--ui-radius-chip);
}
.ui-ViewLink-link:hover {
  color: var(--ui-accent-hover);
}
.ui-ViewLink-link:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: var(--ui-focus-offset);
}
.ui-ViewLink-refused {
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  color: var(--ui-text);
}
@media print {
  .ui-ViewLink-link {
    color: var(--ui-text);
  }
}

/* src/ViewList/ViewList.module.css */
.ui-ViewList-list {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  min-width: 0;
}
.ui-ViewList-items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.ui-ViewList-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ui-space-m);
  padding: var(--ui-space-s) 0;
  border-block-end: var(--ui-border-hairline) solid var(--ui-border);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  color: var(--ui-text);
}
.ui-ViewList-lines {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  min-width: 0;
}
.ui-ViewList-primary {
  overflow-wrap: anywhere;
}
.ui-ViewList-secondary {
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-ViewList-more {
  margin: 0;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}

/* src/registry/ViewNodes.module.css */
.ui-ViewNodes-slot {
  min-width: 0;
}
.ui-ViewNodes-heading {
  margin: 0;
  font-family: var(--ui-font-sans);
  font-weight: var(--ui-weight-semibold);
  line-height: var(--ui-line-tight);
  color: var(--ui-text);
}
.ui-ViewNodes-heading[data-heading-level="1"] {
  font-size: var(--ui-text-page);
}
.ui-ViewNodes-heading[data-heading-level="2"] {
  font-size: var(--ui-text-section);
}
.ui-ViewNodes-heading[data-heading-level="3"] {
  font-size: var(--ui-text-body);
}
.ui-ViewNodes-text {
  margin: 0;
  max-inline-size: 72ch;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  line-height: var(--ui-line-normal);
  color: var(--ui-text);
  overflow-wrap: anywhere;
}
.ui-ViewNodes-caption {
  margin: var(--ui-space-xs) 0 0;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-ViewNodes-table {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  min-width: 0;
}
.ui-ViewNodes-tableTitle {
  margin: 0;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
  color: var(--ui-text);
}
.ui-ViewNodes-gridFrame {
  block-size: min(calc((var(--view-rows) + 3) * 32px), 480px);
  min-block-size: 120px;
}
.ui-ViewNodes-number {
  min-width: 0;
}
.ui-ViewNodes-number[data-view-role] {
  border-inline-start: var(--ui-space-xs) solid var(--view-role-colour, var(--ui-border-strong));
  border-radius: var(--ui-radius-card);
}
.ui-ViewNodes-number[data-view-role=accent] {
  --view-role-colour: var(--ui-accent);
}
.ui-ViewNodes-number[data-view-role=good] {
  --view-role-colour: var(--ui-good);
}
.ui-ViewNodes-number[data-view-role=warn] {
  --view-role-colour: var(--ui-warn);
}
.ui-ViewNodes-number[data-view-role=bad] {
  --view-role-colour: var(--ui-bad);
}
.ui-ViewNodes-number[data-view-role=info] {
  --view-role-colour: var(--ui-info);
}
.ui-ViewNodes-number[data-view-role=neutral-1] {
  --view-role-colour: var(--ui-text-dim);
}
.ui-ViewNodes-number[data-view-role=neutral-2] {
  --view-role-colour: var(--ui-text-faint);
}
.ui-ViewNodes-number[data-view-role=neutral-3] {
  --view-role-colour: var(--ui-border-strong);
}
.ui-ViewNodes-number[data-view-role=lane-1] {
  --view-role-colour: var(--ui-lane-1);
}
.ui-ViewNodes-number[data-view-role=lane-2] {
  --view-role-colour: var(--ui-lane-2);
}
.ui-ViewNodes-number[data-view-role=lane-3] {
  --view-role-colour: var(--ui-lane-3);
}
.ui-ViewNodes-number[data-view-role=lane-4] {
  --view-role-colour: var(--ui-lane-4);
}
.ui-ViewNodes-number[data-view-role=lane-5] {
  --view-role-colour: var(--ui-lane-5);
}
.ui-ViewNodes-number[data-view-role=lane-6] {
  --view-role-colour: var(--ui-lane-6);
}
.ui-ViewNodes-number[data-view-role=lane-7] {
  --view-role-colour: var(--ui-lane-7);
}
.ui-ViewNodes-number[data-view-role=lane-8] {
  --view-role-colour: var(--ui-lane-8);
}
.ui-ViewNodes-chart {
  min-width: 0;
  max-inline-size: 960px;
}
.ui-ViewNodes-readout {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  font-family: var(--ui-font-sans);
}
.ui-ViewNodes-readoutLabel {
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-ViewNodes-readoutValue {
  font-size: var(--ui-text-body);
  color: var(--ui-text);
}
.ui-ViewNodes-range {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-m);
}

/* src/DashboardGrid/DashboardGrid.module.css */
.ui-DashboardGrid-root {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-m);
  min-width: 0;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
}
.ui-DashboardGrid-grid {
  --dashboard-row: 80px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: var(--dashboard-row);
  min-width: 0;
}
.ui-DashboardGrid-cell {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: var(--ui-space-s);
  box-sizing: border-box;
}
.ui-DashboardGrid-cell[data-arranging] {
  border-radius: var(--ui-radius-card);
  outline: var(--ui-border-hairline) dashed var(--ui-border-strong);
  outline-offset: calc(var(--ui-space-xs) * -1);
}
.ui-DashboardGrid-cell[data-arranging]:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: calc(var(--ui-focus-width) * -1);
}
.ui-DashboardGrid-cell[data-picked] {
  outline: var(--ui-focus-width) dashed var(--ui-accent);
  outline-offset: calc(var(--ui-focus-width) * -1);
  background: var(--ui-surface-2);
  z-index: 2;
}
.ui-DashboardGrid-cell[data-dragging] {
  z-index: 3;
  background: var(--ui-surface-2);
  border-radius: var(--ui-radius-card);
  cursor: grabbing;
}
.ui-DashboardGrid-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-space-xs);
  flex: none;
  min-height: var(--ui-space-l);
}
.ui-DashboardGrid-grip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--ui-control-height);
  block-size: var(--ui-space-l);
  color: var(--ui-text-dim);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.ui-DashboardGrid-grip:hover {
  color: var(--ui-text);
}
.ui-DashboardGrid-menu {
  display: inline-flex;
  margin-inline-start: auto;
}
.ui-DashboardGrid-corner {
  position: absolute;
  inset-inline-end: var(--ui-space-xs);
  inset-block-end: var(--ui-space-xs);
  inline-size: var(--ui-space-m);
  block-size: var(--ui-space-m);
  border-inline-end: var(--ui-focus-width) solid var(--ui-text-dim);
  border-block-end: var(--ui-focus-width) solid var(--ui-text-dim);
  cursor: nwse-resize;
  touch-action: none;
}
.ui-DashboardGrid-content {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}
.ui-DashboardGrid-content:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: calc(var(--ui-focus-width) * -1);
}
.ui-DashboardGrid-content[data-kind=title],
.ui-DashboardGrid-content[data-kind=section] {
  overflow: visible;
}
.ui-DashboardGrid-ghost {
  box-sizing: border-box;
  margin: var(--ui-space-s);
  border: var(--ui-focus-width) dashed var(--ui-accent);
  border-radius: var(--ui-radius-card);
  background: var(--ui-surface-3);
  pointer-events: none;
}
.ui-DashboardGrid-titleBlock {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
}
.ui-DashboardGrid-title {
  margin: 0;
  font-size: var(--ui-text-page);
  font-weight: var(--ui-weight-semibold);
  line-height: var(--ui-line-tight);
}
.ui-DashboardGrid-subtitle {
  margin: 0;
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
}
.ui-DashboardGrid-sectionBlock {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
}
.ui-DashboardGrid-sectionHeading {
  margin: 0;
  font-size: var(--ui-text-section);
  font-weight: var(--ui-weight-semibold);
  line-height: var(--ui-line-tight);
}
.ui-DashboardGrid-rule {
  margin: 0;
  border: 0;
  border-block-start: var(--ui-border-hairline) solid var(--ui-border);
}
.ui-DashboardGrid-note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ui-space-s);
  padding: var(--ui-space-m);
  background: var(--ui-surface-2);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-DashboardGrid-noteText {
  margin: 0;
  font-size: var(--ui-text-body);
  line-height: var(--ui-line-normal);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ui-DashboardGrid-noteLimit {
  margin: 0;
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-DashboardGrid-byline {
  display: inline-flex;
  padding: 0 var(--ui-space-s);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-chip);
  color: var(--ui-text-dim);
  background: var(--ui-surface-3);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-chip);
}
.ui-DashboardGrid-picture {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  margin: 0;
  padding: var(--ui-space-s);
  background: var(--ui-surface);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
  min-height: 100%;
  box-sizing: border-box;
}
.ui-DashboardGrid-asOf {
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-DashboardGrid-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--ui-space-m);
}
.ui-DashboardGrid-choice {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-space-s);
}
.ui-DashboardGrid-choiceLabel {
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-DashboardGrid-select {
  min-height: var(--ui-control-height);
  padding: 0 var(--ui-space-s);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  color: var(--ui-text);
  background: var(--ui-surface-2);
  border: var(--ui-border-hairline) solid var(--ui-border-strong);
  border-radius: var(--ui-radius-control);
}
.ui-DashboardGrid-select:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: var(--ui-focus-offset);
}
.ui-DashboardGrid-refreshLine {
  margin: 0;
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-DashboardGrid-state {
  margin: 0;
  padding: var(--ui-space-l);
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-DashboardGrid-skeleton {
  margin: var(--ui-space-s);
  background: var(--ui-surface-2);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-DashboardGrid-windowLine {
  margin: 0;
  font-size: var(--ui-text-body);
}
.ui-DashboardGrid-stamp {
  min-width: 0;
}
.ui-DashboardGrid-hint {
  margin: 0;
}
.ui-DashboardGrid-live {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ui-DashboardGrid-undo {
  position: sticky;
  inset-block-end: var(--ui-space-m);
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  align-items: flex-start;
}
[data-print] .ui-DashboardGrid-grid {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: auto;
}
[data-print] .ui-DashboardGrid-cell {
  break-inside: avoid;
}
[data-print] .ui-DashboardGrid-picture {
  min-height: 0;
}
@media print {
  .ui-DashboardGrid-bar,
  .ui-DashboardGrid-corner,
  .ui-DashboardGrid-undo,
  .ui-DashboardGrid-toolbar {
    display: none;
  }
}

/* src/GalleryCard/GalleryCard.module.css */
.ui-GalleryCard-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--ui-space-m);
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
.ui-GalleryCard-cell {
  grid-column: span 3;
  display: flex;
  min-width: 0;
}
@media (max-width: 1100px) {
  .ui-GalleryCard-cell {
    grid-column: span 6;
  }
}
@media (max-width: 600px) {
  .ui-GalleryCard-cell {
    grid-column: span 12;
  }
}
.ui-GalleryCard-card {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  flex: 1;
  min-width: 0;
  padding: var(--ui-space-m);
  box-sizing: border-box;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
  background: var(--ui-surface);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
  transition: transform var(--ui-motion-fast) var(--ui-ease-out), background-color var(--ui-motion-fast) var(--ui-ease-out);
}
.ui-GalleryCard-card:hover {
  background: var(--ui-surface-2);
  transform: translateY(calc(var(--ui-space-xs) / -2));
}
@media (prefers-reduced-motion: reduce) {
  .ui-GalleryCard-card {
    transition: background-color var(--ui-motion-fast) var(--ui-ease-out);
  }
  .ui-GalleryCard-card:hover {
    transform: none;
  }
}
[data-motion=reduced] .ui-GalleryCard-card:hover {
  transform: none;
}
.ui-GalleryCard-name {
  margin: 0;
  font-size: var(--ui-text-section);
  font-weight: 600;
}
.ui-GalleryCard-answers {
  margin: 0;
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-GalleryCard-preview,
.ui-GalleryCard-loading {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--ui-bg);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-control);
  pointer-events: none;
}
.ui-GalleryCard-scaled {
  inline-size: 200%;
  transform: scale(0.5);
  transform-origin: top left;
}
.ui-GalleryCard-loading {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-xs);
  padding: var(--ui-space-s);
  box-sizing: border-box;
}
.ui-GalleryCard-frameLabel {
  margin: 0;
  align-self: flex-end;
  font-size: var(--ui-text-small);
  color: var(--ui-text-dim);
}
.ui-GalleryCard-skeleton {
  flex: 1;
  background: var(--ui-surface-2);
  border-radius: var(--ui-radius-control);
}
.ui-GalleryCard-asOf {
  margin: 0;
  font-size: var(--ui-text-small);
}
.ui-GalleryCard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-s);
  margin-top: auto;
}
.ui-GalleryCard-state {
  margin: 0;
  padding: var(--ui-space-l);
  font-size: var(--ui-text-body);
  color: var(--ui-text-dim);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-card);
}
.ui-GalleryCard-card[data-print] {
  break-inside: avoid;
  background: none;
  transform: none;
}
@media print {
  .ui-GalleryCard-actions {
    display: none;
  }
  .ui-GalleryCard-card {
    break-inside: avoid;
    transform: none;
  }
}

/* src/v2/V2Nodes.module.css */
.ui-V2Nodes-node {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  min-width: 0;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
}
.ui-V2Nodes-caption {
  margin: 0;
  color: var(--ui-text);
  font-size: var(--ui-text-body);
  font-weight: var(--ui-weight-semibold);
}
.ui-V2Nodes-description {
  margin: 0;
  color: var(--ui-text-dim);
  font-size: var(--ui-text-small);
}
.ui-V2Nodes-empty {
  margin: 0;
  color: var(--ui-text-dim);
  font-size: var(--ui-text-body);
}
.ui-V2Nodes-sankey {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-s);
  min-width: 0;
  margin: 0;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
}
.ui-V2Nodes-sankeyScroll {
  max-inline-size: 100%;
  overflow-x: auto;
}
.ui-V2Nodes-sankeySvg {
  display: block;
  max-inline-size: none;
}
.ui-V2Nodes-flowPath {
  stroke-opacity: 0.4;
  stroke-linecap: butt;
  transition: stroke-opacity var(--ui-motion-fast) var(--ui-ease-out);
  cursor: pointer;
}
.ui-V2Nodes-flowPath[data-active] {
  stroke-opacity: 0.85;
}
.ui-V2Nodes-stop {
  cursor: pointer;
}
.ui-V2Nodes-stop:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: var(--ui-focus-offset);
}
.ui-V2Nodes-stopBox {
  stroke-width: 1;
}
.ui-V2Nodes-stopLabel {
  fill: var(--ui-text);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-small);
  font-weight: var(--ui-weight-semibold);
  paint-order: stroke;
  stroke: var(--ui-surface);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.ui-V2Nodes-flows {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--ui-space-xs) var(--ui-space-m);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-V2Nodes-flowRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-space-s);
  min-width: 0;
  padding: var(--ui-space-xs) var(--ui-space-s);
  border: var(--ui-border-hairline) solid var(--ui-border);
  border-radius: var(--ui-radius-control);
  background: var(--ui-surface-2);
}
.ui-V2Nodes-flowRow[data-active] {
  border-color: var(--ui-border-strong);
}
.ui-V2Nodes-flowButton {
  display: flex;
  flex: 1 1 auto;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ui-space-s);
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-text);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-text-body);
  text-align: start;
  cursor: pointer;
}
.ui-V2Nodes-flowButton:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-focus);
  outline-offset: var(--ui-focus-offset);
}
.ui-V2Nodes-flowButton:disabled {
  cursor: default;
}
.ui-V2Nodes-flowName {
  min-width: 0;
  overflow-wrap: anywhere;
}
.ui-V2Nodes-flowValue {
  color: var(--ui-text-dim);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-text-chip);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .ui-V2Nodes-flowPath {
    transition: none;
  }
}
@media print {
  .ui-V2Nodes-flowRow {
    break-inside: avoid;
  }
}