.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field .label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex}.form-field .required-mark,.form-field .optional-mark{padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.6}.form-field .required-mark{background-color:var(--color-danger);color:var(--color-inverse-text)}.form-field .optional-mark{background-color:var(--color-bg-subtle);color:var(--color-text-muted)}.form-field .hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-field .control input,.form-field .control textarea,.form-field .control select{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface)}.form-field .control textarea{resize:vertical;min-height:8rem}.form-field .control input[type=checkbox]{width:auto}.form-field .errors{gap:var(--space-1);flex-direction:column;display:flex}.form-field .error{color:var(--color-danger);font-size:var(--font-size-sm)}
