/* Field layout · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Label, Form. */
/* base.css */
.lbl{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal}
/* base.css */
.lbl{display:block;font-size:var(--text-label);font-weight:var(--w-semibold);margin-bottom:7px}
/* base.css */
.lbl small{font:var(--w-regular) var(--text-small) var(--font-ui);color:hsl(var(--muted-foreground));margin-left:6px}
/* base.css */
.help{font-size:var(--text-micro);color:hsl(var(--muted-foreground));margin-top:6px}
/* base.css */
.help.err{color:hsl(var(--destructive))}
/* families/form-controls/family.css */
.fc-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}
/* families/form-controls/family.css */
.fc-row.g3{gap:var(--s-3)}
/* families/form-controls/family.css */
.fc-row.end{justify-content:flex-end}
/* families/form-controls/family.css */
.fc-f{min-width:0}
/* families/form-controls/family.css */
.fc-req{color:hsl(var(--destructive));margin-left:2px;font-weight:var(--w-semibold)}
/* families/form-controls/family.css */
.help.err{display:flex;align-items:flex-start;gap:6px}
/* families/form-controls/family.css */
.help.err svg{margin-top:1px}
/* families/status-feedback/family.css */
.help.err{display:flex;gap:6px;align-items:flex-start}
/* families/status-feedback/family.css */
.help.err svg{width:13px;height:13px;margin-top:1px;flex:none}