/* Renderer geometry only. Governed UnifiedThemeDocumentV1 supplies visual
   material, typography, colors, borders and motion through resolved node styles. */
.uvs-node { box-sizing: border-box; min-inline-size: 0; }
.uvs-node-column, .uvs-node-form { display: flex; flex-direction: column; }
.uvs-node-row { display: flex; align-items: center; gap: 8px; }
.uvs-node-grid { display: grid; grid-template-columns: repeat(var(--uvs-grid-columns, 1), minmax(0, 1fr)); }
.uvs-node-grid > .uvs-node { grid-column: span var(--uvs-column-span, 1); min-block-size: var(--uvs-min-height, auto); }
[data-uvs-layout-flow='layer'] > .uvs-node { grid-area: 1 / 1; }
[data-uvs-semantic-kind='app.surface'] { container-type: inline-size; }
@container (max-width: 640px) {
  [data-uvs-semantic-kind='visualization.surface'] { grid-template-columns: minmax(0, 1fr); }
  [data-uvs-semantic-kind='visualization.surface'] > .uvs-node { grid-column: 1; }
}
table.uvs-node { border-collapse: collapse; inline-size: 100%; }
th.uvs-node, td.uvs-node { text-align: start; vertical-align: top; }
[data-uvs-semantic-kind='data.table.viewport'] { overflow-x: auto; }
[data-uvs-semantic-kind='data.table.header'],
[data-uvs-semantic-kind='data.table.cell'] { padding: 8px 10px; }
[data-uvs-semantic-kind='data.table.header'] { font-weight: 650; }
.uvs-node-button { cursor: pointer; font: inherit; }
.uvs-node-button:disabled { cursor: default; }
.uvs-node-text { margin: 0; }
[data-uvs-semantic-kind='composition.form'] { gap: 16px; inline-size: min(100%, 720px); max-inline-size: 100%; }
[data-uvs-semantic-kind='composition.form'] > button { align-self: start; }
.uvs-node-input > .field-label { display: flex; flex-direction: column; gap: 6px; }
.uvs-node-input input, .uvs-node-input select, .uvs-node-input textarea {
  box-sizing: border-box; inline-size: 100%; min-inline-size: 0;
  max-inline-size: 100%; min-block-size: 38px;
}
.uvs-node-input textarea { min-block-size: 100px; resize: vertical; }
.uvs-node-input input[type='checkbox'] { inline-size: auto; min-block-size: auto; }
.uvs-node-input input[type='checkbox'] { align-self: start; }
[data-uvs-semantic-kind='app.identity'] { gap: 12px; }
[data-uvs-semantic-kind='art.composition.mark'] { align-items: end; gap: 3px; flex: 0 0 auto; }
[data-uvs-semantic-kind^='app.nav_link'] { display: flex; align-items: center; gap: 10px; }
[data-uvs-semantic-kind^='app.nav_marker'] { flex: 0 0 auto; }
[data-uvs-semantic-kind='operation.receipt'],
[data-uvs-semantic-kind='operation.pending'] { align-self: start; }
.uvs-node-image { display: block; inline-size: 100%; max-inline-size: 100%; }
.uvs-node-separator { margin: 0; flex: 1; }
.uvs-node-separator[aria-orientation='vertical'] { flex: 0 0 auto; }
[data-uvs-semantic-kind='composition.divider'] { flex-wrap: wrap; }
[data-uvs-semantic-kind='composition.divider'] > .uvs-node-text { flex: 0 1 auto; }
[data-uvs-semantic-kind='composition.progress'] { gap: 6px; }
[data-uvs-semantic-kind='progress.caption'] { justify-content: space-between; flex-wrap: wrap; }
[data-uvs-semantic-kind='progress.track'] { overflow: hidden; min-block-size: 10px; }
[data-uvs-semantic-kind='progress.fill'] { block-size: 100%; min-block-size: inherit; }
.uvs-node[hidden] { display: none !important; }
.uvs-node button, .uvs-node input, .uvs-node textarea, .uvs-node select { font: inherit; }
.uvs-node:focus-visible, .uvs-node input:focus-visible,
.uvs-node select:focus-visible, .uvs-node textarea:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
[data-uvs-semantic-kind='appearance.header'] { justify-content: space-between; }
[data-uvs-semantic-kind='appearance.header'] > button {
  display: grid; place-items: center; inline-size: 32px; block-size: 32px;
  padding: 0 !important; line-height: 1;
}
[data-uvs-semantic-kind^='appearance.option'] {
  display: flex; align-items: center; text-align: start; flex: 1;
  min-block-size: 36px;
}
[data-uvs-semantic-kind='appearance.option.selected'] { font-weight: 650; }
[data-uvs-semantic-kind='appearance.option.selected']::after {
  content: '✓'; margin-inline-start: auto; padding-inline-start: 6px;
}
[data-uvs-semantic-kind='appearance.preview'] {
  display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 1fr 1fr;
  inline-size: 80px; block-size: 48px; flex: 0 0 auto; overflow: hidden;
}
[data-uvs-semantic-kind='appearance.preview.rail'] { grid-row: 1 / 3; }
[data-uvs-semantic-kind^='appearance.preview.'] { padding: 0 !important; }
[data-uvs-semantic-kind='appearance.segmented'] { align-items: stretch; gap: 5px; }
[data-uvs-semantic-kind='appearance.segmented'] > button { justify-content: center; }
[data-uvs-semantic-kind='appearance.segmented'] > button::after { display: none; }
@media (prefers-reduced-motion: no-preference) {
  [data-uvs-semantic-kind='progress.fill'] {
    transition: inline-size var(--uvs-motion-duration, 300ms) var(--uvs-motion-curve, ease-out);
  }
  .uvs-node-button, .uvs-node input, .uvs-node textarea, .uvs-node select {
    transition: border-color var(--uvs-motion-duration, 120ms) var(--uvs-motion-curve, ease-out),
      box-shadow var(--uvs-motion-duration, 120ms) var(--uvs-motion-curve, ease-out);
  }
  .uvs-node-button:active:not(:disabled) { transform: translateY(1px); }
}
@media (prefers-reduced-motion: reduce) {
  .uvs-node, .uvs-node::before, .uvs-node::after,
  .uvs-node input, .uvs-node textarea, .uvs-node select {
    animation: none !important; transition: none !important;
    scroll-behavior: auto !important;
  }
}