@layer components{@scope(.ui-field) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{gap:var(--space-2);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}:scope>[data-part=field-heading]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}:scope>[data-part=field-heading]>:where([data-part=field-label]){min-inline-size:0;color:var(--ink);font-size:var(--text-sm);font-weight:500}:scope>[data-part=field-heading]>[data-part=field-action]{flex:none;max-inline-size:50%}:scope>[data-part=field-hint]{color:var(--ink-dim);font-size:var(--text-sm);text-wrap:pretty}:scope>[data-part=field-error]{color:var(--danger);font-size:var(--text-sm);text-wrap:pretty}:scope>[data-part=field-error-reference]{min-inline-size:0;display:flex}}}