/* HUB UI tokens contract v1; generated. */
:root{
  --hub-ui-color-canvas:var(--bg);
  --hub-ui-color-surface:var(--panel);
  --hub-ui-color-raised:var(--panel2);
  --hub-ui-color-subtle:var(--surface-2);
  --hub-ui-color-text:var(--text);
  --hub-ui-color-muted:var(--muted);
  --hub-ui-color-border:var(--line);
  --hub-ui-color-accent:var(--hub-accent-strong,var(--accent));
  --hub-ui-color-success:var(--ok);
  --hub-ui-color-warning:var(--warn);
  --hub-ui-color-danger:var(--danger,var(--bad));
  --hub-ui-color-info:var(--info,var(--accent2));
  --hub-ui-space-1:4px;
  --hub-ui-space-2:8px;
  --hub-ui-space-3:12px;
  --hub-ui-space-4:16px;
  --hub-ui-space-5:20px;
  --hub-ui-space-6:24px;
  --hub-ui-space-8:32px;
  --hub-ui-radius-sm:6px;
  --hub-ui-radius-md:9px;
  --hub-ui-radius-lg:13px;
  --hub-ui-font-caption:0.75rem;
  --hub-ui-font-body:0.9375rem;
  --hub-ui-font-title:1.25rem;
  --hub-ui-touch-minimum:44px;
  --hub-ui-focus-ring:3px;
}
/* Opt-in UI components: do not restyle legacy screens. */
.hub-ui{font-size:var(--hub-ui-font-body);color:var(--hub-ui-color-text)}
.hub-field{display:grid;gap:var(--hub-ui-space-2);min-width:0;margin-bottom:var(--hub-ui-space-4)}
.hub-field__label{display:block;font-weight:650;color:var(--hub-ui-color-text)}
.hub-field__help{font-size:var(--hub-ui-font-caption);color:var(--hub-ui-color-muted)}
.hub-field__error{font-size:var(--hub-ui-font-caption);color:var(--hub-ui-color-danger)}
.hub-field__control{font:inherit;width:100%;min-width:0;max-width:100%;padding:10px 12px;min-height:var(--hub-ui-touch-minimum);background:var(--hub-ui-color-surface);color:var(--hub-ui-color-text);border:1px solid var(--hub-ui-color-border);border-radius:var(--hub-ui-radius-md)}
textarea.hub-field__control{min-height:100px;resize:vertical}
.hub-field__control[aria-invalid="true"]{border-color:var(--hub-ui-color-danger)}
.hub-field__control:focus-visible{outline:var(--hub-ui-focus-ring) solid var(--hub-ui-color-accent);outline-offset:2px}
.hub-field__control:disabled{opacity:.6;cursor:not-allowed}
.hub-field__range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hub-ui-space-3)}
.hub-field__range>label{display:grid;gap:var(--hub-ui-space-1)}
.hub-field__required{color:var(--hub-ui-color-danger);margin-left:4px}
.hub-ui-status{display:inline-flex;align-items:center;border:1px solid var(--hub-ui-color-border);border-radius:999px;padding:4px 9px;font-size:var(--hub-ui-font-caption);font-weight:650}
.hub-ui-status--success{color:var(--hub-ui-color-success)}
.hub-ui-status--warning{color:var(--hub-ui-color-warning)}
.hub-ui-status--danger{color:var(--hub-ui-color-danger)}
.hub-ui-status--info{color:var(--hub-ui-color-info)}
@media(max-width:600px){.hub-field__range{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hub-ui :is(input,select,textarea){transition:none!important}}